import Stack from '@material-hu/mui/Stack';
import Typography from '@material-hu/mui/Typography';

import Dialog from '@material-hu/components/design-system/Dialog';

import { useLokaliseTranslation } from 'src/utils/i18n';

type UploadExitDialogProps = {
  onLeave: () => void;
  onContinue: () => void;
};

const UploadExitDialog = ({ onLeave, onContinue }: UploadExitDialogProps) => {
  const { t } = useLokaliseTranslation('agents');

  return (
    <Dialog
      onClose={onContinue}
      title={t('upload.exit_confirm_title')}
      body={
        <Stack sx={{ minWidth: 492 }}>
          <Typography variant="globalS">
            {t('upload.exit_confirm_body')}
          </Typography>
        </Stack>
      }
      primaryButtonProps={{
        children: t('upload.exit_confirm_continue'),
        onClick: onContinue,
      }}
      secondaryButtonProps={{
        children: t('general:exit'),
        onClick: onLeave,
      }}
    />
  );
};

export default UploadExitDialog;