import { Trans } from '@lingui/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="text-primary mb-0 mt-6 text-left text-lg font-semibold">
          <Trans>Your document has been deleted by an admin!</Trans>
        </Text>

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

        <Text className="mx-auto mb-6 mt-1 text-left text-base text-slate-400">
          <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-slate-400">
          <Trans>The reason provided for deletion is the following:</Trans>
        </Text>

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

export default TemplateDocumentDelete;
