1import { FC, PropsWithChildren } from "react";
 2import {
 3    ScrollArea,
 4    Sheet,
 5    SheetContent,
 6    SheetHeader,
 7    SheetTitle,
 8} from "@marzneshin/components";
 9import { useTranslation } from "react-i18next";
10
11export interface SettingsDialogProps {
12    onOpenChange: (state: boolean) => void;
13    open: boolean;
14}
15
16export const SettingsDialog: FC<SettingsDialogProps & PropsWithChildren> = ({
17    open, onOpenChange, children
18}) => {
19    const { t } = useTranslation();
20    return (
21        <Sheet open={open} onOpenChange={onOpenChange}>
22            <SheetContent className="sm:min-w-full md:min-w-[700px] space-y-5">
23                <SheetHeader >
24                    <SheetTitle>{t("settings")}</SheetTitle>
25                </SheetHeader>
26                <ScrollArea className="flex flex-col gap-4 h-full">
27                    {children}
28                </ScrollArea>
29            </SheetContent>
30        </Sheet>
31    )
32}