Files
checkcle/application/src/components/schedule-incident/incident/detail-dialog/IncidentDetailFooter.tsx
T

32 lines
844 B
TypeScript

import React from 'react';
import { IncidentItem } from '@/services/incident';
import { Separator } from '@/components/ui/separator';
import { CloseButton, DownloadPdfButton, PrintButton } from './components';
import { useLanguage } from '@/contexts/LanguageContext';
interface IncidentDetailFooterProps {
onClose: () => void;
incident: IncidentItem;
}
export const IncidentDetailFooter: React.FC<IncidentDetailFooterProps> = ({
onClose,
incident,
}) => {
const { t } = useLanguage();
return (
<div className="print:hidden">
<Separator className="my-6" />
<div className="flex justify-between items-center">
<CloseButton onClose={onClose} />
<div className="flex gap-2">
<DownloadPdfButton incident={incident} />
<PrintButton />
</div>
</div>
</div>
);
};