import type { GroupedSidebarSettings } from './types.svelte';
type Props = {
    settings: GroupedSidebarSettings;
};
/**
 * A sidebar with tabbed groups and collapsible sections. Supports accordion (single expanded) and multi-
 * expand modes, with optional auto-height sections. Configure via `GroupedSidebarSettings`; pass groups
 * + sections via `SidebarGroupModel` / `SidebarGroupSectionModel`.
 *
 * A section's `component` accepts a `Snippet` or `DynamicComponentModel`. Svelte 5 hoists `{#snippet}`
 * declarations, so assign a markup snippet to `component` DIRECTLY in the script-level settings — no
 * dummy-placeholder + post-init bind needed:
 *
 * ```svelte
 * <script lang="ts">
 * const settings = new GroupedSidebarSettings({
 *   groups: [{ id: 'main', name: 'Main', sections: [{ id: 'general', name: 'General', component: general }] }]
 * });
 * </script>
 * {#snippet general()}<div>…</div>{/snippet}
 * <GroupedSidebar {settings} />
 * ```
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--grouped-sidebar--background` | Sidebar background | `--sc-kit--color--bg--panel` |
 * | `--sc-kit--grouped-sidebar--padding-block` | Header vertical padding | `--sc-kit--space--4` |
 * | `--sc-kit--grouped-sidebar--padding-inline` | Header horizontal padding | `--sc-kit--space--4` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;