src/components/fileDrawer.tsx - master - durovcode/Frontend

src/components/fileDrawer.tsx
62 строки3 KB
Alch3m1st
Add Docker
22 сен 2024, 01:25
22 сен 2024, 01:25f92ba9d
"use client"

import {
    Drawer,
    DrawerClose,
    DrawerContent,
    DrawerDescription,
    DrawerFooter,
    DrawerHeader,
    DrawerTitle,
    DrawerTrigger,
} from "@/components/ui/drawer"
import { Bolt, FileText, HardDriveDownload } from "lucide-react"
import { ChevronRight } from "lucide-react"
import { Button } from "@/components/ui/button"


export const FileDrawer = ({ fileComponent }) => {
    return (
        <>
            <Drawer>
                <DrawerTrigger>
                    {fileComponent}
                </DrawerTrigger>
                <DrawerContent>
                    <DrawerHeader>
                        <div className="flex flex-col items-center justify-center gap-3">
                            <div className="flex items-center justify-center">
                                <FileText className="w-10 h-10" />
                            </div>
                            <DrawerTitle>Результат обработки файла</DrawerTitle>
                            <DrawerDescription>Ассистент Павел составил<br />отчёт об ошибках</DrawerDescription>
                        </div>
                    </DrawerHeader>
                    <div className="flex flex-col items-center justify-center pr-10 pl-10 pt-5 pb-5 gap-4">
                        <div className=" max-w-sm">
                            <div className="flex flex-col justify-center mr-10 ml-10">
                                <span className="text-sm">Пожелания к правкам</span>
                                <code className="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold">
                                    Не проверяй параграфы. Мне это ни к чему.
                                </code>
                                <br />
                            </div>
                            <div className="flex flex-col items-center ml-10 mr-10 justify-center items-center">

                                <Button className="w-full flex items-center justify-center gap-3">
                                    <HardDriveDownload className="h-5 w-5" />
                                    Загрузить
                                </Button>
                            </div>
                        </div>
                    </div>
                    <DrawerFooter>
                        <DrawerClose>
                            <Button variant="outline">Закрыть</Button>
                        </DrawerClose>
                    </DrawerFooter>
                </DrawerContent>
            </Drawer>
        </>
    )
}