import { ComponentProps, FC, PropsWithChildren } from 'react';
import { FlowbiteBoolean } from '../Flowbite/FlowbiteTheme';
import { SidebarCTAColors } from './SidebarCTA';
export interface FlowbiteSidebarTheme {
    base: string;
    collapsed: FlowbiteBoolean;
    inner: string;
    collapse: {
        button: string;
        icon: {
            base: string;
            open: FlowbiteBoolean;
        };
        label: {
            base: string;
            icon: string;
        };
        list: string;
    };
    cta: {
        base: string;
        color: SidebarCTAColors;
    };
    item: {
        active: string;
        base: string;
        collapsed: {
            insideCollapse: string;
            noIcon: string;
        };
        content: {
            base: string;
        };
        label: string;
        icon: {
            base: string;
            active: string;
        };
    };
    items: string;
    itemGroup: string;
    logo: {
        base: string;
        collapsed: FlowbiteBoolean;
        img: string;
    };
}
export interface SidebarProps extends PropsWithChildren<ComponentProps<'div'>> {
    collapseBehavior?: 'collapse' | 'hide';
    collapsed?: boolean;
}
export declare const Sidebar: FC<SidebarProps> & {
    Collapse: FC<import("./SidebarCollapse").SidebarCollapseProps>;
    CTA: FC<import("./SidebarCTA").SidebarCTAProps>;
    Item: import("react").ForwardRefExoticComponent<Pick<import("./SidebarItem").SidebarItemProps, keyof import("./SidebarItem").SidebarItemProps> & import("react").RefAttributes<Element>>;
    Items: FC<PropsWithChildren<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>>;
    ItemGroup: FC<PropsWithChildren<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>>;
    Logo: FC<import("./SidebarLogo").SidebarLogoProps>;
};