import type { SidebarGroupSectionModel } from './types.svelte';
type Props = {
    section: SidebarGroupSectionModel;
    /** @default true */
    showSectionCollapser?: boolean;
    /** When true, expanded sections stretch to fill available space @default true */
    expandToFill?: boolean;
    on?: {
        toggleSection?: (section: SidebarGroupSectionModel) => void;
    };
};
/**
 * A collapsible section within a GroupedSidebar. Renders a trigger button with chevron and expandable
 * content area. `section.component` may be a `DynamicComponentModel` or a `Snippet`.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--grouped-sidebar-section--trigger--background` | Trigger row background | `--sc-kit--color--bg--field-alt` |
 * | `--sc-kit--grouped-sidebar-section--trigger--color` | Trigger text color | `--sc-kit--color--text--primary` |
 * | `--sc-kit--grouped-sidebar-section--error-color` | Invalid section title color | `--sc-kit--color--danger` |
 * | `--sc-kit--grouped-sidebar-section--padding-block` | Content vertical padding | `--sc-kit--space--4` |
 * | `--sc-kit--grouped-sidebar-section--padding-inline` | Content horizontal padding | `--sc-kit--space--4` |
 * | `--sc-kit--grouped-sidebar-section--content--display` | Content display mode | `block` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;