import React from 'react'; import type { SideNavBarTheme, OtherHTMLAttributes } from '@instructure/shared-types'; import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'; type SideNavBarOwnProps = { /** * When minimized is set to true, the `` shows icons only while the text becomes a tooltip. When it is set to false, the `` shows text in addition to the icons */ minimized?: boolean; /** * Whether the `` is initially minimized (uncontrolled) */ defaultMinimized?: boolean; onMinimized?: (event: React.SyntheticEvent, minimized: boolean) => void; /** * Screen reader label for the main SideNavBar */ label: string; /** * Screen reader label for the toggle button expanded/minimized state */ toggleLabel: { expandedLabel?: string; minimizedLabel?: string; }; /** * If the `` goes to a new page, pass an href */ href?: string; /** * If the `` does not go to a new page pass an onClick */ onClick?: (event: React.MouseEvent) => void; /** * children of type SideNavBar.Item */ children?: React.ReactNode; }; type SideNavBarState = { minimized: boolean; }; type PropKeys = keyof SideNavBarOwnProps; type AllowedPropKeys = Readonly>; type SideNavBarProps = SideNavBarOwnProps & WithStyleProps & OtherHTMLAttributes; type SideNavBarStyle = ComponentStyle<'navigation' | 'list' | 'content' | 'toggleIcon'>; declare const allowedProps: AllowedPropKeys; export type { SideNavBarProps, SideNavBarState, SideNavBarStyle }; export { allowedProps }; //# sourceMappingURL=props.d.ts.map