import { default as React } from 'react';

export interface SidebarRootProps {
    children: React.ReactNode;
    defaultCollapsed?: boolean;
    collapsed?: boolean;
    onCollapsedChange?: (collapsed: boolean) => void;
    width?: string;
    collapsedWidth?: string;
    className?: string;
    showToggle?: boolean;
    togglePosition?: {
        top?: string;
        right?: string;
        left?: string;
        bottom?: string;
    };
    toggleClassName?: string;
    collapseIcon?: React.ReactNode;
    expandIcon?: React.ReactNode;
}
export declare const SidebarRoot: React.ForwardRefExoticComponent<SidebarRootProps & React.RefAttributes<HTMLElement>>;
export interface SidebarHeaderProps {
    logo?: React.ReactNode;
    title?: string;
    className?: string;
    collapsed?: boolean;
    children?: React.ReactNode;
}
export declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarSectionProps {
    title?: string;
    children: React.ReactNode;
    className?: string;
    collapsed?: boolean;
}
export declare const SidebarSection: React.ForwardRefExoticComponent<SidebarSectionProps & React.RefAttributes<HTMLDivElement>>;
export interface SidebarItemProps {
    icon?: React.ReactNode;
    label: string;
    onClick?: () => void;
    active?: boolean;
    className?: string;
    collapsed?: boolean;
    href?: string;
}
export declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
export interface SidebarFooterProps {
    children: React.ReactNode;
    className?: string;
    collapsed?: boolean;
}
export declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=sidebar-components.d.ts.map