import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { NavigationMenuContent, NavigationMenuItem, NavigationMenuTrigger, ListItem, } from "@/components/ui/navigation-menu";
export const HelpMenu = () => {
    return (_jsxs(NavigationMenuItem, { children: [_jsx(NavigationMenuTrigger, { children: "Help" }), _jsx(NavigationMenuContent, { children: _jsxs("ul", { className: "grid gap-3 p-6 md:w-[400px] lg:w-[500px]", children: [_jsx(ListItem, { href: "/templates/create", title: "What are templates?", children: "Introduction for new users." }), _jsx(ListItem, { href: "/templates/create", title: "Template Cheat Sheet", children: "Quick reference for template syntax." }), _jsx(ListItem, { href: "/templates/mine", title: "About" })] }) })] }));
};
export default HelpMenu;
