import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, ListItem, } from "@/components/ui/navigation-menu";
export const TemplatesMenu = () => {
    return (_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Templates" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-3 p-6 md:w-[400px] lg:w-[500px]", children: [_jsx("li", { className: "row-span-3", children: _jsx(NavigationMenuLink, { href: "/templates/browse", asChild: true, children: _jsxs("a", { className: "flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md", href: "/browse", children: [_jsx("div", { className: "mb-2 mt-4 flex flex-row gap-5 text-lg font-medium", children: "Browse Templates" }), _jsx("p", { className: "text-sm leading-tight text-muted-foreground", children: "Browse, search, and filter through community-created templates. Edit, clone, or use existing templates." })] }) }) }), _jsx(ListItem, { href: "/create", title: "Create Template", children: "Create a new template from scratch." }), _jsx(ListItem, { href: "/browse/mine", title: "My Templates", children: "View templates that you have published or saved." })] }) })] }));
};
export default TemplatesMenu;
