import React from 'react';
import type { AsElementType, SideNavBarItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
type SideNavBarItemOwnProps = {
    /**
     * The reference to the underlying HTML element
     */
    elementRef?: (el: Element | null) => void;
    /**
     * The visual to display (ex. an Image, Logo, Avatar, or Icon)
     */
    icon: React.ReactNode;
    /**
     * The text to display  for the SideNavBar Link
     */
    label: React.ReactNode;
    /**
     * The element type to render as (will default to `<a>` if href is provided)
     */
    as?: AsElementType;
    /**
     * If the SideNavBarItem goes to a new page, pass an href
     */
    href?: string;
    /**
     * If the SideNavBarItem does not go to a new page pass an onClick
     */
    onClick?: (event: React.MouseEvent) => void;
    /**
     * Denotes which SideNavBarItem is currently selected
     */
    selected?: boolean;
    /**
     * When minimized is set to true, the `<SideNavBar />` shows icons only while the text becomes a tooltip. When it is set to false, the `<SideNavBar />` shows text in addition to the icons
     */
    minimized?: boolean;
};
type PropKeys = keyof SideNavBarItemOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type SideNavBarItemProps = SideNavBarItemOwnProps & WithStyleProps<SideNavBarItemTheme, SideNavBarItemStyle> & OtherHTMLAttributes<SideNavBarItemOwnProps>;
type SideNavBarItemStyle = ComponentStyle<'navigationItem' | 'icon' | 'label'>;
declare const allowedProps: AllowedPropKeys;
export type { SideNavBarItemProps, SideNavBarItemStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map