import type { PanelState, SidebarsToggle } from './panel-state.svelte';
import type { Snippet } from 'svelte';
type Props = {
    /** The shared `PanelState` instance the inner panel + sidebars register with. */
    panelState: PanelState;
    children: Snippet;
    title?: string | Snippet;
    sidebarLeft?: Snippet;
    sidebarRight?: Snippet;
    sidebarLeftIsValid?: boolean;
    sidebarRightIsValid?: boolean;
    actionsLeft?: Snippet;
    actionsCenter?: Snippet;
    actionsRight?: Snippet;
    /** Lay the inner panel header out as a 3-column grid so `actionsCenter` is centered against the panel width. @default false */
    balanceHeaderCenter?: boolean;
    /** Start the header's left track at the content column instead of right after the collapse button, so `actionsLeft` begins where the content pane begins and follows the sidebar as it resizes or collapses. @default false */
    alignActionsLeftToContent?: boolean;
    /** Shared collapse target for an external "collapse both sidebars" control (e.g. `PageLayout`'s `editorControls.panelsToggle`). */
    toggle?: SidebarsToggle;
};
/**
 * PagePanelSidebars — a `PagePanel` whose body has collapsible left / right sidebars. Registers
 * fictional left/right panels in the shared `PanelState` so the standard collapse buttons in the
 * header can target them. Sidebars slide horizontally on collapse / expand.
 *
 * Pass a `SidebarsToggle` instance as `toggle` to drive an external "collapse both" control (e.g. a
 * top-bar button) without `bind:this` or a local collapsed flag — read `toggleBoth` / `allCollapsed`
 * off that same instance.
 *
 * `alignActionsLeftToContent` starts the header's scrolling left track at the content column rather
 * than right after the collapse button: whatever sits in `actionsLeft` begins exactly where the
 * content pane begins, and follows that edge as the sidebar resizes, collapses, or isn't there at all.
 * The track starts on the sidebar's divider rather than after it, so a bordered child lands on that
 * line instead of doubling it. The collapse button stays put outside that track.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--page-panel-sidebars--border-color` | Sidebar divider color | `--sc-kit--color--border` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;