import React from 'react';
import { IconDefinition } from '../..';
import { AvatarProps } from '../Avatar/Avatar';
declare type Props = {
    open: boolean;
    label?: React.ReactNode;
    /**
     * Props to render an avatar in the item.
     * See Avatar.tsx
     */
    avatar?: Omit<AvatarProps, 'onClick' | 'href' | 'tabIndex'>;
    /**
     * Icon to display in front of item
     */
    icon?: IconDefinition;
    className?: string;
    color?: 'purple' | 'grey';
    /**
     * @default 'squared'
     */
    kind?: 'rounded' | 'squared';
    hasNotification?: boolean;
    numberOfNotifications?: number;
    /**
     * Whether the item is currently active.
     * Eg. we are on a page corresponding to an entry from the menu
     */
    active?: boolean;
    /**
     * Action to execute on click item
     */
    onClick: () => void;
    /**
     * If the item should collapse to only show icons
     * @default true
     */
    collapse?: boolean;
    children?: React.ReactNode;
    dataTrackingId?: string;
};
export declare const SideMenuItemGroup: React.FC<Props>;
export {};