import type { Component, Snippet } from 'svelte';
export type SidebarIcon = Component<{
    class?: string;
    size?: number | string;
    strokeWidth?: number | string;
}>;
export interface SidebarItem {
    id: string;
    label: string;
    href?: string;
    icon?: SidebarIcon;
    disabled?: boolean;
    /** Completed step (wizard). Kept for a11y; no check glyph in the UI. */
    done?: boolean;
    /** Optional short hint (e.g. warning). */
    hint?: string;
}
export interface SidebarGroup {
    id: string;
    label?: string;
    items: SidebarItem[];
}
interface SidebarProps {
    brand?: string;
    groups?: SidebarGroup[];
    value?: string;
    collapsed?: boolean;
    /** Show the collapse toggle. Default true. */
    collapsible?: boolean;
    class?: string;
    header?: Snippet;
    footer?: Snippet;
    onchange?: (id: string) => void;
}
declare const Sidebar: Component<SidebarProps, {}, "value" | "collapsed">;
type Sidebar = ReturnType<typeof Sidebar>;
export default Sidebar;