applications/drive/src/app/components/modals/ShareLinkModal/ErrorState.tsx

   1 import type { PropsWithChildren } from 'react';
   2
   3 import { c } from 'ttag';
   4
   5 import { Button } from '@proton/atoms';
   6 import { Alert, ModalTwoContent, ModalTwoFooter, ModalTwoHeader } from '@proton/components';
   7
   8 interface Props {
   9     onClose?: () => void;
  10 }
  11
  12 function ErrorState({ children, onClose }: PropsWithChildren<Props>) {
  13     return (
  14         <>
  15             <ModalTwoHeader title={c('Title').t`Manage secure link`} />
  16             <ModalTwoContent>
  17                 <Alert className="mb-4" type="error">
  18                     {children}
  19                 </Alert>
  20             </ModalTwoContent>
  21             <ModalTwoFooter>
  22                 <Button onClick={onClose}>{c('Action').t`Done`}</Button>
  23             </ModalTwoFooter>
  24         </>
  25     );
  26 }
  27
  28 export default ErrorState;