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

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