import { ReactNode } from 'react';
import { AnimationDefinition } from 'framer-motion';
interface ISidebar {
    children?: ReactNode;
    onCollapseChange?: ({ type, value, }: {
        type: 'start' | 'end';
        value: AnimationDefinition;
    }) => void;
    linkComponent?: any;
    toLabel?: string;
}
declare const Sidebar: {
    Root: ({ children, onCollapseChange, linkComponent, toLabel, }: ISidebar) => import("react/jsx-runtime").JSX.Element;
    Item: ({ children, active, icon, to, ...props }: {
        children?: ReactNode;
        active?: boolean;
        icon?: JSX.Element;
        to?: string;
    }) => import("react/jsx-runtime").JSX.Element;
    Header: ({ children }: {
        children?: ReactNode;
    }) => import("react/jsx-runtime").JSX.Element;
    Separator: () => import("react/jsx-runtime").JSX.Element;
};
export default Sidebar;