import type { Snippet } from 'svelte';
type Props = {
    title: string;
    description?: string;
    /** Rendered above the title — typically a Breadcrumb. */
    crumb?: Snippet;
    /** Rendered to the right of the title — typically action buttons. */
    actions?: Snippet;
    /** Rendered below the header — typically a Tabs strip. */
    tabs?: Snippet;
};
/**
 * PageHeader — page title with optional description, a crumb slot above (typically a Breadcrumb),
 * an actions slot to the right (typically buttons), and a tabs slot below (typically a Tabs strip).
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--page-header--margin-bottom` | Space below the whole header | `var(--sc-kit--space--10)` |
 * | `--sc-kit--page-header--crumb--margin-bottom` | Space below the crumb | `var(--sc-kit--space--3)` |
 * | `--sc-kit--page-header--row--gap` | Gap between text and actions | `var(--sc-kit--space--6)` |
 * | `--sc-kit--page-header--title--font-size` | Title font size | `var(--sc-kit--font-size--2xl)` |
 * | `--sc-kit--page-header--title--font-weight` | Title font weight | `var(--sc-kit--font-weight--semibold)` |
 * | `--sc-kit--page-header--title--color` | Title color | `var(--sc-kit--color--text--primary)` |
 * | `--sc-kit--page-header--description--color` | Description color | `var(--sc-kit--color--text--secondary)` |
 * | `--sc-kit--page-header--description--max-width` | Description max width | `45rem` |
 * | `--sc-kit--page-header--actions--gap` | Gap between action items | `var(--sc-kit--space--2)` |
 * | `--sc-kit--page-header--tabs--margin-top` | Space above the tabs strip | `var(--sc-kit--space--4)` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;