import React from 'react';
import { StyleSheet } from '@airbnb/lunar/lib/hooks/useStyles';
import { ButtonOrLinkTypes } from '@airbnb/lunar/lib/components/private/ButtonOrLink';
export declare type SideBarItemProps = {
    /** Mark the item as active. */
    active?: boolean;
    /** Render as an anchor link with a URL. */
    href?: string;
    /** Icon to display above the label. */
    icon: NonNullable<React.ReactElement<{
        size?: string;
    }>>;
    /** Item label. */
    label?: React.ReactNode;
    /** Callback fired when the element is clicked. */
    onClick?: (event: React.MouseEvent<ButtonOrLinkTypes>) => void;
    /** Custom style sheet. */
    styleSheet?: StyleSheet;
};
/** A clickable item within the sidebar navigation menu. */
declare function SideBarItem({ active, label, href, icon, onClick, styleSheet }: SideBarItemProps): JSX.Element;
declare namespace SideBarItem {
    var propTypes: {
        icon: import("prop-types").Validator<React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>>;
    };
}
export default SideBarItem;
//# sourceMappingURL=Item.d.ts.map