type Props = { /** @default 'horizontal' */ orientation?: 'horizontal' | 'vertical'; /** Optional label rendered inline with the divider line. Implicitly horizontal. */ label?: string; }; /** * Divider — horizontal or vertical separator. Optional inline `label` (horizontal only) renders between two flanking lines. * * For `orientation="vertical"`, place the Divider inside a flex container — it uses `align-self: stretch` to size to its siblings. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--divider--color` | Line color | `--sc-kit--color--border` | * | `--sc-kit--divider--thickness` | Line thickness | `1px` | * | `--sc-kit--divider--gap` | Block margin (horizontal) or inline margin (vertical) | `--sc-kit--space--3` | * | `--sc-kit--divider--labeled--gap` | Block margin for the labeled variant | `--sc-kit--space--4` | * | `--sc-kit--divider--label--color` | Label color | `--sc-kit--color--text--muted` | * | `--sc-kit--divider--label--font-size` | Label font size | `--sc-kit--font-size--sm` | * | `--sc-kit--divider--label--gap` | Gap between label and flanking lines | `--sc-kit--space--3` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;