import * as Collapsible from "@radix-ui/react-collapsible";
import { ComponentPropsWithoutRef, ReactNode } from "react";
interface SidebarProps extends ComponentPropsWithoutRef<typeof Collapsible.Root> {
    position?: "left" | "right";
}
interface SidebarHeaderProps extends ComponentPropsWithoutRef<"div"> {
    logo: ReactNode;
    title: string;
    onLogoClick?: () => void;
}
interface SidebarItemProps extends ComponentPropsWithoutRef<"a"> {
    icon: ReactNode;
    active?: boolean;
    disabled?: boolean;
    classNames?: {
        root?: string;
        icon?: string;
        text?: string;
    };
}
interface SidebarFooterProps extends ComponentPropsWithoutRef<"div"> {
}
interface SidebarNavigationGroupProps extends ComponentPropsWithoutRef<"div"> {
    name: string;
    icon?: ReactNode;
}
export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>> & {
    Header: import("react").ForwardRefExoticComponent<SidebarHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
    Main: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
    Footer: import("react").ForwardRefExoticComponent<SidebarFooterProps & import("react").RefAttributes<HTMLDivElement>>;
    Item: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
    Group: import("react").ForwardRefExoticComponent<SidebarNavigationGroupProps & import("react").RefAttributes<HTMLElement>>;
};
export {};
//# sourceMappingURL=sidebar.d.ts.map