"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Route Configuration",description:"Define routes using the StandaloneAppRoutesMenuItem interface. Each menu item automatically becomes a navigable route with sidebar entry.",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-indigo-500 via-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Settings,{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(t.Typography,{tag:"h2",className:"mb-2",children:"StandaloneAppRoutesMenuItem Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Type-safe route definition extending IMenuItem"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"TS",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
  component: React.JSX.Element;    // The component to render
  isPublic?: boolean;              // If true, accessible without authentication
  enableNestedRoutes?: boolean;    // Adds /* to path for nested routing
  dropdownItems?: StandaloneAppRoutesMenuItem[]; // Nested sub-routes
}

interface IMenuItem {
  name: string;                    // Display name for the menu item
  path: string;                    // URL path for the route
  icon?: React.ReactNode;          // Optional icon component
  href?: string;                   // Optional external URL
  hide?: boolean;                  // Hide from navigation menu
  isActive?: boolean;              // Force active state
  onClick?: () => void;            // Optional click handler
}`})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Basic Usage"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Simple standalone app with automatic route generation"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider with menuItems",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { ThemeProvider } from '@e-burgos/tucu-ui';
import { Introduction } from './pages/Introduction';
import { ThemingGuide } from './pages/ThemingGuide';

const menuItems: StandaloneAppRoutesMenuItem[] = [
  {
    name: 'Introduction',
    path: '/',
    icon: <LucideIcons.Home />,
    component: <Introduction />,
  },
  {
    name: 'Theming',
    path: '/theming-guide',
    icon: <LucideIcons.Paintbrush />,
    component: <ThemingGuide />,
  },
];

function App() {
  return (
    <ThemeProvider
      menuItems={menuItems}
      logo={{ name: 'My', secondName: 'App' }}
    />
  );
}`})})})]})]});exports.default=o;
