import DashboardFileType from '@/components/file/DashboardFileType';
import { bytes } from '@/lib/bytes';
import {
Box,
Button,
Center,
Group,
HoverCard,
Overlay,
Paper,
ScrollArea,
Stack,
Text,
} from '@mantine/core';
import { IconFileUpload, IconTrashFilled } from '@tabler/icons-react';
export default function DropzoneFile({
file,
onDelete,
loading,
}: {
loading: boolean;
file: File;
onDelete: () => void;
}) {
if (loading)
return (
{file.name}
);
return (
{file.name}
{file.name}
{file.type ? ` (${file.type})` : ''}
{bytes(file.size)}
}
>
Remove
);
}