import type { FC } from 'react';
import React from 'react';
import { Modal } from '@theorchard/suite-components';

const CLASSNAME = 'DeleteSongModal';
const INTL_CLASSNAME = 'publishing.deleteSongModal';

interface Props {
    isOpen: boolean;
    onClose: () => void;
    onConfirm: () => void;
}

const DeleteSongModal: FC<Props> = ({ isOpen, onClose, onConfirm }) => (
    <Modal
        className={CLASSNAME}
        isOpen={isOpen}
        onRequestClose={onClose}
        onConfirm={onConfirm}
        header={$t(`${INTL_CLASSNAME}.deleteModalHeader`)}
        cancelTitle={$t(`${INTL_CLASSNAME}.deleteCancellation`)}
        confirmTitle={$t(`${INTL_CLASSNAME}.deleteConfirmation`)}
    >
        {$t(`${INTL_CLASSNAME}.deleteWarning`)}
    </Modal>
);

export default DeleteSongModal;