import * as React from 'react';
import { D as DirectionType } from '../commonTypes-ClC9C8Mh.js';

type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";

type AppSidebarItemProps = {
    value: string;
    slug?: string;
    label: string;
    badge?: {
        label: string;
        color?: ChipColors;
    };
    icon?: any;
    subitems?: SubItem[];
    onClick?: (e: React.MouseEvent) => void;
    onMouseDown?: (e: React.MouseEvent) => void;
};
type SubItem = {
    value: string;
    label: string;
    slug?: string;
    badge?: {
        label: string;
        color?: ChipColors;
    };
    icon?: any;
    onMouseDown?: (e: React.MouseEvent) => void;
    onClick?: (e: React.MouseEvent) => void;
};
interface SidebarGroupProps {
    title?: string;
    items: AppSidebarItemProps[];
    openedItem?: any;
    setOpenedItem?: any;
    selectedItem?: any;
    isOpen?: boolean;
    onItemClick?: (value: string[]) => void;
    onSubItemClick?: (values: string[]) => void;
    direction?: DirectionType;
    LinkComponent?: any;
}
declare const SidebarGroup: React.FC<SidebarGroupProps>;
declare const SidebarItem: React.FC<{
    item: AppSidebarItemProps;
    selectedItem?: any;
    direction?: DirectionType;
    onItemClick?: (value: string[]) => void;
    onSubItemClick?: (values: string[]) => void;
    isOpen?: boolean;
    LinkComponent?: any;
}>;

export { type AppSidebarItemProps, SidebarGroup, SidebarItem };