import { deleteListData } from '@/utils/tableFC';
import { useIntl } from '@umijs/max';
import { Button, Popconfirm } from 'antd';
import './index.less';

type BubbleType = {
  url: string;
  id: string | number;
  onSave: () => void;
  delTypeTitle?: any;
};

const CueBubble = ({ url, id, onSave }: BubbleType) => {
  const intl = useIntl();
  return (
    <>
      <Popconfirm
        key="del"
        title={
          <div className="hint-del">
            {intl.formatMessage(
              { id: 'devices.affirmDel' },
              // {
              //   label: intl.formatMessage({
              //     id: delTypeTitle,
              //   }),
              // },
            )}
          </div>
        }
        onConfirm={() => {
          deleteListData(url, [id], () => {
            onSave();
          });
        }}
        okText={intl.formatMessage({ id: 'devices.affirm' })}
        cancelText={intl.formatMessage({ id: 'devices.cancel' })}
      >
        <Button type="link">
          {intl.formatMessage({ id: 'devices.delete' })}
        </Button>
      </Popconfirm>
    </>
  );
};
export default CueBubble;