import{j as e}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as o}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import"./index-Ml2UeFXJ.js";import{M as m,T as p,S as s,D as a,P as d,a as l}from"./index-DLgQDw3r.js";import{S as i}from"./SideNav.stories-ciX1pArE.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./index-B-lxVbXh.js";import"./v4-CtRu48qb.js";import"./index-BJMTVygn.js";import"./PlaceholderLogo-JfVvgA23.js";import"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./SideNav-5pMdKSEl.js";import"./utilities.esm-DpQ0TZP_.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./UiShellProvider-BEcD16AU.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./uiShellSharedConstants-DD9UP82e.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./AccordionSummary-BjqT0nEb.js";import"./useSlot-CvpE2t6D.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./useControlled-NQulfz4l.js";import"./Collapse-DfdoVIdP.js";import"./utils-kUZVaD1e.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Paper-D-_O-EjU.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./Link-BDoLypER.js";import"./Link-DNIf0luC.js";import"./ExternalLink-D0l1c5Cz.js";import"./Skeleton-BPjIT6NG.js";import"./colorManipulator-DKifQsuo.js";import"./Badge-BO7bTIEa.js";import"./Status-BlOUycBm.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./ChevronRight-C12ToI7Y.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./getReactElementRef-DsIevm5t.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./Server-Ch5aeRtt.js";import"./User-CyxEAfVT.js";import"./Home-la7Lmt_L.js";import"./Folder-e-po0U54.js";import"./Download-Zlhupksh.js";import"./Clock-17ua7UAW.js";import"./Settings-2rTKyez8.js";function r(n){const t={code:"code",h4:"h4",p:"p",pre:"pre",...o(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(m,{of:i}),`
`,e.jsx(p,{of:i}),`
`,e.jsx(s,{of:i}),`
`,e.jsx(a,{of:i}),`
`,e.jsx(d,{of:i}),`
`,e.jsx(t.h4,{id:"sidenavitems",children:"sideNavItems"}),`
`,e.jsxs(t.p,{children:["the ",e.jsx(t.code,{children:"sideNavItems"})," prop takes an array of objects with type ",e.jsx(t.code,{children:"SideNavItem"})]}),`
`,e.jsx(t.pre,{children:e.jsx(t.code,{children:`type SideNavItem = {
  id: string;
  label: string;
  /**
   * The icon element to display at the end of the Nav Item
   */
  endIcon?: ReactElement;
  /**
   * Whether the item is disabled. When set to true the nav item is set to Disabled color,
   * the link/item is not clickable, and item with children is not expandable.
   */
  isDisabled?: boolean;
  /**
   * Whether the item is active/selected
   */
  isSelected?: boolean;
  /**
   * Event fired when the nav item is clicked
   */
  onClick?(): void;
  /**
   * The status element to display after the label
   */
  severity?: (typeof statusSeverityValues)[number];
  /**
   * The icon element to display at the start of the Nav Item
   */
  startIcon?: ReactElement;
  /**
   * The label to display inside the status
   */
  statusLabel?: string;
  /**
   * The link target prop. e.g., "_blank"
   */
  target?: string;
} & (
  | {
      /**
       * Determines if the side nav item is a section header
       */
      isSectionHeader: true;
      href?: never;
      children?: never;
      isDefaultExpanded?: never;
      isExpanded?: never;
    }
  | {
      /**
       * link added to the nav item. if it is undefined, static text will be displayed.
       * fires onClick event when it is passed
       */
      href: string;
      children?: never;
      isSectionHeader?: never;
      isDefaultExpanded?: never;
      isExpanded?: never;
    }
  | {
      /**
       * An array of side nav items to be displayed as children within Accordion
       */
      children?: SideNavItem[];
      /**
       * Whether the accordion (nav item with children) is expanded by default
       */
      isDefaultExpanded?: boolean;
      /**
       * If true, expands the accordion, otherwise collapse it.
       * Setting this prop enables control over the accordion.
       */
      isExpanded?: boolean;
      isSectionHeader?: never;
      href?: never;
    }
);
`})}),`
`,e.jsx(l,{})]})}function Re(n={}){const{wrapper:t}={...o(),...n.components};return t?e.jsx(t,{...n,children:e.jsx(r,{...n})}):r(n)}export{Re as default};
