import { ReactElement } from 'react'; import { Indexable } from './zIndex'; type Props = { /** * When set to 'page' or 'section', it displays the item in "active" state. See the [Accessibility](https://gestalt.pinterest.systems/web/sidenavigation#Accessibility) guidelines to learn more. */ active?: 'page' | 'section'; /** * When supplied, will display a counter. See the [Counter](https://gestalt.pinterest.systems/web/sidenavigation#Counter) variant to learn more. */ counter?: { number: string; accessibilityLabel: string; }; /** * Indicates if row item is disabled and therefore inactive and non-interactive. See [disabled variant](https://gestalt.pinterest.systems/web/sidenavigation#Disabled) to learn more. */ disabled?: boolean; /** * Directs users to the url when item is selected. */ href: string; /** * Provides optional additional information about a row item. See [subtext variant](https://gestalt.pinterest.systems/web/sidenavigation#Subtext) to learn more. */ subtext?: string; /** * Label for the item. */ label: string; /** * Callback when the user selects an item using the mouse or keyboard. */ onClick?: (arg1: { event: React.MouseEvent | React.KeyboardEvent; dangerouslyDisableOnNavigation: () => void; }) => void; /** * The primary action for each item. See the [primary action variant](https://gestalt.pinterest.systems/web/sidenavigation#Primary-action) to learn more. */ primaryAction?: { icon?: 'ellipsis' | 'edit' | 'trash-can'; onClick?: (arg1: { event: React.MouseEvent | React.KeyboardEvent; }) => void; tooltip: { accessibilityLabel?: string; text: string; zIndex?: Indexable; }; dropdownItems?: ReadonlyArray; }; /** * Ref that is forwarded to the underlying `li` element. */ ref?: HTMLLIElement; }; /** * Use [SideNavigation.NestedItem](https://gestalt.pinterest.systems/web/sidenavigation#SideNavigation.NestedItem) to redirect the user to a different page or section. SideNavigation.NestedItem must be used in second and third nested levels. */ declare const SideNavigationNestedItemWithForwardRef: import("react").ForwardRefExoticComponent & import("react").RefAttributes>; export default SideNavigationNestedItemWithForwardRef;