import { default as React } from 'react'; import { IconProps } from '../../../../tedi/components/base/icon/icon'; import { Layouts } from '../../../helpers/hooks/use-layout'; import { AllowedHTMLTags } from '../../../helpers/polymorphic/types'; import { IntentionalAny } from '../../../types'; import { AnchorProps } from '../../anchor/anchor'; type ConditionalTypes = { /** * Render all anchors (except logoLink and skipLink) as this component
* See [Anchor/CustomComponent](/?path=/docs/components-anchor--custom-component) for an example */ linkAs: AllowedHTMLTags>; /** * Level 1 menu links */ navItems: SideNavItem[]; } | { linkAs?: never; navItems: SideNavItem[]; }; export type SideNavProps = ConditionalTypes & { /** * SideNav menu aria-label used for */ ariaLabel: string; /** * Id of the navigation */ id?: string; /** * Breakpoint at which the SideNav will be rendered inside BottomContent. * Only works for public type Header, system type header should have always a sidenav */ breakToBottomContent?: Layouts; /** * Breakpoint at which the SideNav will be rendered inside HeaderContent * Only works for public type Header, system type header should have always a sidenav */ breakToHeader?: Layouts; /** * Show dividers between navigation items * @default true */ showDividers?: boolean; /** * Hide submenu icons * @default false */ hideSubItemIcons?: boolean; /** * Additional class names for the sidenav component */ className?: string; }; export type SideNavItem = AnchorProps & { /** * Icon of the item */ icon?: string | IconProps; /** * Submenu items */ subItems?: SideNavItem[]; }; export declare const SideNav: (props: SideNavProps) => import("react/jsx-runtime").JSX.Element | null; export default SideNav;