import { Dialog } from '@alifd/next';
import React, { createElement,useCallback, useEffect, useState } from 'react';
import CustomFooter from './CustomFooter'
import './index.scss';

interface HcDialog {
  visible:boolean
  title?:string
  left?:any
  onOk:(obj?:any)=>void
  onClose:(obj?:any)=>void
  onCancel:(obj?:any)=>void
}

const HcDialog: React.FC<HcDialog> = (props) => {
  const { children, title, left ,visible ,onOk, onClose, onCancel } = props;

  return (
    <Dialog
      v2
      visible={visible}
      title={title}
      onOk={onOk}
      onClose={onClose}
      onCancel={onCancel}
      footer={<CustomFooter left={left} onOk={onOk} onCancel={onCancel} />}
      className='custom_dialog'
    >
      {children}
    </Dialog>
  );
};

export default HcDialog;