import React from 'react';
import {useTranslation} from 'react-i18next';
import {Dialog, Typography} from '@components';

import {styles} from './styles';

export interface Props {
  showDialog: boolean;
  onCloseDialog: () => void;
}

function CantSignDialog({showDialog, onCloseDialog}: Props) {
  const {t} = useTranslation();

  return (
    <Dialog
      isVisible={showDialog}
      title={t('documents.cant_sign_this_document_title')}
      onClose={onCloseDialog}
      footer={{
        primaryButton: {
          text: t('general.okay'),
          onPress: onCloseDialog,
        },
      }}
      contentStyle={styles.content}>
      <Typography>{t('documents.cant_sign_this_document_text')}</Typography>
    </Dialog>
  );
}

export default CantSignDialog;