Logo {marketingConfig.mainNav?.length ? ( ) : null}

) } `,__src__:"registry/default/example/header.tsx",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"use client"'})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" Link "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"next/link"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" { cn } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"@/lib/utils"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" { buttonVariants } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"@/components/ui/button"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" { ModeToggle } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"@/components/mode-toggle"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" { useSelectedLayoutSegment } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"next/navigation"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" { toast } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"@/components/ui/use-toast"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" { Input } "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"@/components/ui/input"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"interface"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"NavItem"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"title"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"string"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"href"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"string"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"}"})}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"interface"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"MainNavItem"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"extends"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"Omit"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"NavItem"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:"'href'"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"> {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"href"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"string"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:";"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"}"})}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"type"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"MarketingConfig"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"mainNav"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"MainNavItem"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"[]"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"}"})}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"marketingConfig"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"MarketingConfig"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" {"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" mainNav: ["})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" {"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" title: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"Features"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" href: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"/#"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:","})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" },"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" {"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" title: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"Pricing"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" href: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"/#"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:","})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" },"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" ],"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"}"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"DashboardHeader"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"() {"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"segment"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"useSelectedLayoutSegment"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"()"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"onSubmit"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"event"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"React"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"SyntheticEvent"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:") {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" event."}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"preventDefault"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"()"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"return"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"toast"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" title: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"Not implemented"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" description: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:`"We're still working on the search."`}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:","})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" })"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" }"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"return"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"header"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"sticky top-0 z-50 w-full border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"div"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"container flex h-14 max-w-screen-2xl items-center"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"div"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"flex gap-6 md:gap-10"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Link"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"href"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"#"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"items-center space-x-2 md:flex mr-2"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"span"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"font-bold sm:inline-block"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" Logo"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"marketingConfig.mainNav?."}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"length"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"?"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"nav"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"hidden gap-6 md:flex"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"marketingConfig.mainNav?."}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"map"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"(("}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"item"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:", "}),(0,l.jsx)(n.span,{style:{color:"#FFA657"},children:"index"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:") "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"=>"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Link"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"key"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"index"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"href"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"#"'}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" item.href."}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"startsWith"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:"`/${"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"segment"}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:"}`"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:")"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"?"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"text-foreground"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"text-foreground/60"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" >"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"item.title"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" ))"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" ) "}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"null"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"div"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"flex flex-1 items-center justify-between space-x-2 md:justify-end"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"div"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"w-full flex-1 md:w-auto md:flex-none"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"form"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"onSubmit"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"onSubmit"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"relative w-full"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:")"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" >"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Input"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"type"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"search"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"placeholder"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"Search documentation..."'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"h-8 w-full sm:w-64 sm:pr-12"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" />"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"kbd"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"pointer-events-none absolute right-1.5 top-1.5 hidden h-5 select-none items-center gap-1 rounded border bg-background px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100 sm:flex"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"span"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"text-xs"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">\u2318K"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"ModeToggle"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"nav"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#7EE787"},children:"Link"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"href"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"/#"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#79C0FF"},children:"className"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"={"}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#D2A8FF"},children:"buttonVariants"}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"({ variant: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"secondary"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:", size: "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"sm"'}),(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" }),"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "}),(0,l.jsx)(n.span,{style:{color:"#A5D6FF"},children:'"px-4"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" )"}),(0,l.jsx)(n.span,{style:{color:"#FF7B72"},children:"}"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" >"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" Login"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:" )"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"}"})})]})})})}),` `,(0,l.jsxs)(n.h2,{id:"installation",children:[(0,l.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#installation",children:(0,l.jsx)(n.span,{className:"icon icon-link"})}),"Installation"]}),` `,(0,l.jsx)(r,{defaultValue:"manual",children:(0,l.jsx)(c,{value:"manual",children:(0,l.jsxs)(t,{children:[(0,l.jsx)(i,{children:"Install the following dependencies:"}),(0,l.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,l.jsx)(n.pre,{"data-language":"bash","data-theme":"default",__rawString__:`npx shadcn@latest add button input use-toast `,__npmCommand__:`npx shadcn@latest add button input use-toast `,__yarnCommand__:`npx shadcn@latest add button input use-toast `,__pnpmCommand__:`pnpm dlx shadcn@latest add button input use-toast `,__bunCommand__:`bunx --bun shadcn@latest add button input use-toast `,children:(0,l.jsx)(n.code,{"data-language":"bash","data-theme":"default",children:(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#C9D1D9"},children:"npx shadcn@latest add button input use-toast"})})})})}),(0,l.jsx)(i,{children:"Copy and paste the code into your project."})]})})})]})}function B(e={}){let{wrapper:n}=e.components||{};return n?(0,l.jsx)(n,Object.assign({},e,{children:(0,l.jsx)(D,e)})):D(e)}var A=B;function o(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(v);})(); ;return Component;