import type { Snippet } from 'svelte'; type Props = { /** Font size. @default 'xs' */ size?: 'xs' | 'sm' | 'md'; /** Add extra top padding to separate the section from content above it. @default false */ spaced?: boolean; children: Snippet; }; /** * A non-interactive section label inside a toolbar dropdown (e.g. `FIELDS` above a column list). * Matches the kit select listbox group-header style. `spaced` adds extra top padding to set the * section off from content above it. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--toolbar-section-title--color` | Text color | `var(--sc-kit--color--text--muted)` | * | `--sc-kit--toolbar-section-title--font-family` | Font family | `var(--sc-kit--font--mono)` | * | `--sc-kit--toolbar-section-title--font-size` | Font size | per size (xs / sm / md) | * | `--sc-kit--toolbar-section-title--padding-block-start` | Top padding | per `spaced` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;