import { ModalForm, ProFormTextArea } from '@ant-design/pro-components';
import { Button, Form } from 'antd';
interface CancelTripProps {
  onFinished?: (note: string) => void;
}
const CancelTrip: React.FC<CancelTripProps> = ({ onFinished }) => {
  const [form] = Form.useForm<{ note: string }>();
  return (
    <ModalForm
      title="Xác nhận huỷ chuyến đi"
      form={form}
      modalProps={{
        destroyOnHidden: true,
        onCancel: () => console.log('run'),
      }}
      trigger={
        <Button color="danger" variant="solid">
          Huỷ chuyến đi
        </Button>
      }
      onFinish={async (values) => {
        onFinished?.(values.note);
        return true;
      }}
    >
      <ProFormTextArea
        name="note"
        label="Lý do: "
        placeholder={'Nhập lý do huỷ chuyến đi...'}
        rules={[
          { required: true, message: 'Vui lòng nhập lý do huỷ chuyến đi' },
        ]}
      />
    </ModalForm>
  );
};

export default CancelTrip;
