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