import type { PanelState } from './panel-state.svelte';
type Props = {
    /** The shared `PanelState` instance that owns the target panel. */
    panelState: PanelState;
    /** ID of the panel this button toggles. */
    panelId: string;
};
/**
 * PanelCollapseButton — bare icon button that toggles the collapsed state of a `PagePanel` by its ID.
 * The icon flips horizontally based on the target panel's `collapseDirection` and current collapsed
 * state. Renders nothing if the target panel isn't registered. Typically rendered automatically via
 * `PagePanel`'s `collapseButtons` prop rather than placed by hand.
 *
 * ### CSS Custom Properties
 * | Property | Description | Default |
 * |---|---|---|
 * | `--sc-kit--panel-collapse-button--color` | Idle icon color | `--sc-kit--color--text--muted` |
 * | `--sc-kit--panel-collapse-button--color--hover` | Hover icon color | `--sc-kit--color--text--primary` |
 * | `--sc-kit--panel-collapse-button--color--invalid` | Color when the target panel is invalid | `--sc-kit--color--danger` |
 */
declare const Cmp: import("svelte").Component<Props, {}, "">;
type Cmp = ReturnType<typeof Cmp>;
export default Cmp;