import { Trans } from '@lingui/react/macro';

import { Section, Text } from '../components';
import { TemplateDocumentImage } from './template-document-image';

export interface TemplateDocumentDeleteProps {
  reason: string;
  documentName: string;
  assetBaseUrl: string;
}

export const TemplateDocumentDelete = ({ reason, documentName, assetBaseUrl }: TemplateDocumentDeleteProps) => {
  return (
    <>
      <TemplateDocumentImage className="mt-6" assetBaseUrl={assetBaseUrl} />

      <Section>
        <Text className="mt-6 mb-0 text-left font-semibold text-foreground text-lg">
          <Trans>Your document has been deleted by an admin!</Trans>
        </Text>

        <Text className="mx-auto mt-1 mb-6 text-left text-base text-muted-foreground">
          <Trans>"{documentName}" has been deleted by an admin.</Trans>
        </Text>

        <Text className="mx-auto mt-1 mb-6 text-left text-base text-muted-foreground">
          <Trans>
            This document can not be recovered, if you would like to dispute the reason for future documents please
            contact support.
          </Trans>
        </Text>

        <Text className="mx-auto mt-1 text-left text-base text-muted-foreground">
          <Trans>The reason provided for deletion is the following:</Trans>
        </Text>

        <Text className="mx-auto mt-1 mb-6 text-left text-base text-muted-foreground italic">{reason}</Text>
      </Section>
    </>
  );
};

export default TemplateDocumentDelete;
