import React from 'react';
import './FullScreenModal.css';

export default function FullScreenModal({ visible = false, title = '全屏弹窗', onCancel, onOk, children }) {
  if (!visible) return null;
  return (
    <div className="aa-fs-mask">
      <div className="aa-fs-head">
        <span className="aa-fs-title">{title}</span>
        <button className="aa-fs-close" onClick={() => onCancel && onCancel()}>×</button>
      </div>
      <div className="aa-fs-body">{children}</div>
      <div className="aa-fs-foot">
        <button className="aa-btn" onClick={() => onCancel && onCancel()}>取消</button>
        <button className="aa-btn aa-btn--primary" onClick={() => onOk && onOk()}>保存</button>
      </div>
    </div>
  );
}