import {DialogBody} from '../../ui/overlays/dialog/dialog-body';
import {DialogFooter} from '../../ui/overlays/dialog/dialog-footer';
import {DialogHeader} from '../../ui/overlays/dialog/dialog-header';
import {useDialogContext} from '../../ui/overlays/dialog/dialog-context';
import {Dialog} from '../../ui/overlays/dialog/dialog';
import {Button} from '../../ui/buttons/button';
import {Trans} from '../../i18n/trans';
export function CsvExportInfoDialog() {
const {close} = useDialogContext();
return (
<Dialog>
<DialogHeader>
<Trans message="Csv export" />
</DialogHeader>
<DialogBody>
<Trans
message="Your request is being processed. We'll email you when the report is ready to download. In
certain cases, it might take a little longer, depending on the number of items beings
exported and the volume of activity."
/>
</DialogBody>
<DialogFooter>
<Button variant="flat" color="primary" onClick={close}>
<Trans message="Got it" />
</Button>
</DialogFooter>
</Dialog>
);
}