File size: 927 Bytes
1067b6f | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | "use client";
import { useState, type PropsWithChildren } from "react";
import { Sheet, SheetContent } from "../ui/sheet";
import { useRouter } from "next/navigation";
export const SheetWrapper = (
props: PropsWithChildren<{
buttonRoute: string;
insideButton: React.ReactNode;
trigger: React.ReactNode;
}>
) => {
const [isOpen, setIsOpen] = useState(false);
const router = useRouter();
return (
<Sheet onOpenChange={() => setIsOpen((prev) => !prev)} open={isOpen}>
{props.trigger}
<SheetContent
size="full"
className="overflow-auto lg:max-w-[600px] sm:max-w-[400px] xl:max-w-[650px]"
>
{props.children}
<div
className="mt-8"
onClick={() => {
setIsOpen(false);
router.push(props.buttonRoute);
}}
>
{props.insideButton}
</div>
</SheetContent>
</Sheet>
);
};
|