"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Nested Routes",description:"Create hierarchical navigation with unlimited nesting levels. Each menu item supports dropdownItems that automatically render as sidebar dropdown menus.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Layers3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Nested Routes Example"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Parent routes with dropdownItems generate hierarchical navigation"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Configuration",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { ThemeProvider, StandaloneAppRoutesMenuItem } from '@e-burgos/tucu-ui';

const menuItems: StandaloneAppRoutesMenuItem[] = [
  {
    name: 'Components',
    path: '/components',
    icon: <LucideIcons.Component />,
    component: <ComponentsPage />,
    enableNestedRoutes: true, // Adds /* to path for nested routing
    dropdownItems: [
      {
        name: 'Buttons',
        path: '/components/buttons',
        icon: <LucideIcons.MousePointerClick />,
        component: <ButtonsPage />,
      },
      {
        name: 'Forms',
        path: '/components/forms',
        icon: <LucideIcons.FileText />,
        component: <FormsPage />,
      },
    ],
  },
  {
    name: 'Utilities',
    path: '/utilities',
    icon: <LucideIcons.Wrench />,
    component: <UtilitiesPage />,
    dropdownItems: [
      {
        name: 'Hooks',
        path: '/utilities/hooks',
        icon: <LucideIcons.Zap />,
        component: <HooksPage />,
      },
    ],
  },
];`})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Navigation Structure"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Visual representation of the generated sidebar"})]}),e.jsx(s.CardContainer,{children:e.jsxs("div",{className:"space-y-3 p-4",children:[e.jsxs("div",{className:"p-3 bg-light-dark rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"p-1.5 rounded bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(t.Component,{className:"w-3 h-3 text-white filter drop-shadow-sm"})}),e.jsx("span",{className:"font-medium",children:"Components"})]}),e.jsxs("div",{className:"ml-6 space-y-1",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsx(t.MousePointerClick,{className:"w-3 h-3"}),"Buttons"]}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsx(t.FileText,{className:"w-3 h-3"}),"Forms"]})]})]}),e.jsxs("div",{className:"p-3 bg-light-dark rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"p-1.5 rounded bg-linear-to-br from-purple-500 to-indigo-500 shadow-lg",children:e.jsx(t.Wrench,{className:"w-3 h-3 text-white filter drop-shadow-sm"})}),e.jsx("span",{className:"font-medium",children:"Utilities"})]}),e.jsx("div",{className:"ml-6 space-y-1",children:e.jsxs("div",{className:"flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400",children:[e.jsx(t.Zap,{className:"w-3 h-3"}),"Hooks"]})})]})]})}),e.jsx(s.Alert,{variant:"info",dismissible:!1,children:e.jsxs(s.Typography,{tag:"p",className:"text-sm",children:[e.jsx(t.Info,{className:"w-4 h-4 inline mr-2"}),"Use"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"enableNestedRoutes: true"})," ","on parent routes when child components need their own internal routing (e.g., tabs, sub-pages)."]})})]})]});exports.default=a;
