import { CloseCircleOutlined } from '@ant-design/icons';
import { FormattedMessage } from '@umijs/max';
import { Modal } from 'antd';
import './style.less';

type handleModalType = {
  content: string;
  visible: boolean;
  setVisible: (visible: boolean) => void;
};

const HandleModal = ({ content, visible, setVisible }: handleModalType) => {
  //   const intl = useIntl();
  //   const [visible, setVisible] = useState(false);

  return (
    <div>
      <Modal
        open={visible}
        width={400}
        onCancel={() => setVisible(false)}
        destroyOnClose={true}
        maskClosable={false}
        footer={null}
      >
        <div className="handle-title">
          <CloseCircleOutlined
            style={{ fontSize: '21px', color: '#CD3B4B', marginRight: '18px' }}
          />
          <div>
            <div className="title-text">
              <FormattedMessage id="dictionaries.info.error" />
            </div>
            {content}
          </div>
        </div>
      </Modal>
    </div>
  );
};

export default HandleModal;