import React from 'react';
import { Modal } from 'antd';

type PropsType = {
  isOpen: boolean;
  toggle: () => void;
  className?: string;
  children: React.ReactNode;
  size?: 'small' | 'middle' | 'large';
  onExit?: () => void;
};

const LoginModal = (props: PropsType) => {
  const {
    isOpen,
    toggle,
    className,
    children,
    size = 'middle',
    onExit,
  } = props;
  return (
    <Modal
      open={isOpen}
      onCancel={toggle}
      onOk={toggle}
      title="Login"
      className={className}
      width={size === 'small' ? 400 : size === 'large' ? 800 : 600}
      afterClose={onExit}
      footer={null}
    >
      {children}
    </Modal>
  );
};


export default LoginModal;