import type { EditorControls, PageLayoutAction } from './types';
import type { Snippet } from 'svelte';
type Props = {
    children: Snippet;
    title?: string | Snippet;
    actions?: Snippet;
    /** Hides / shows the host app's own navigation. When set, a bare glyph button is rendered in the header's control group. */
    navigationToggle?: PageLayoutAction;
    /** Editor chrome — the fixed panels-toggle + close pair. Set it to render both buttons; omit it entirely for a non-editor page. */
    editorControls?: EditorControls;
    scrollable?: boolean;
};
/**
 * PageLayout — top-level window chrome. Renders a fixed-height header (title + actions + an optional
 * group of chrome buttons) above a flex-column body that typically contains a `PagePanels` row.
 *
 * `navigationToggle` surfaces the app-navigation button as a bare glyph; `editorControls` is the fixed
 * editor pair — panels toggle + close, both required so an editor never ships half the preset, drawn as
 * outlined squares. Every entry takes `{ active?, onClick }`, and the group renders in the order
 * navigation → panels → close. Set `scrollable` to let the whole page scroll as one document with
 * sticky panel headers.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--page-layout--background` | Page background | `--sc-kit--color--bg--panel` |
 * | `--sc-kit--page-layout--header--background` | Header background (inherits page background by default) | `transparent` |
 * | `--sc-kit--page-layout--color` | Page text color | `--sc-kit--color--text--primary` |
 * | `--sc-kit--page-layout--border-color` | Header divider color | `--sc-kit--color--border` |
 * | `--sc-kit--page-layout--title--font-size` | Title font size | `18px` |
 * | `--sc-kit--page-layout--header--padding-inline` | Header inline padding | `24px` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;