import { IconicNames } from '@clubmed/trident-icons';
import { ComponentPropsWithoutRef, ReactNode } from 'react';
type SidebarSubItem = {
    label: string;
    href: string;
} & ComponentPropsWithoutRef<'a'>;
type SidebarItem = {
    label: string;
    icon: IconicNames;
    items?: SidebarSubItem[];
} & ((ComponentPropsWithoutRef<'a'> & {
    href: string;
}) | ComponentPropsWithoutRef<'button'>);
interface SidebarItemProps {
    item: SidebarItem;
    isActive?: boolean;
    isCollapsed?: boolean;
    anchorName: string;
    onItemClick?: () => void;
}
declare const SidebarItem: ({ item, isActive, isCollapsed, anchorName, onItemClick, }: SidebarItemProps) => import("react/jsx-runtime").JSX.Element;
export declare const CollapseIndicatorSVG: ({ isCollapsed }: {
    isCollapsed: boolean;
}) => import("react/jsx-runtime").JSX.Element;
export interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
    items: SidebarItem[];
    children: ReactNode;
    activeIndex?: number;
    isCollapsed?: boolean;
    onCollapsedChange?: (isCollapsed: boolean) => void;
}
export declare const SidebarLayout: ({ items, children: initialChildren, className, activeIndex, isCollapsed: initialCollapsedValue, onCollapsedChange, ...attrs }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
export {};
