/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
/** In-page window chrome that hosts a modal specimen without taking the viewport. */
export declare const LabFrame: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFrameChrome: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFrameTitle: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLSpanElement>> & {
    ref?: import("preact").Ref<HTMLSpanElement> | undefined;
}>;
export declare const LabFrameBody: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFrameContentHead: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFrameActions: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFrameOverlay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFramePanelHeader: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFramePanelTitle: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLHeadingElement>> & {
    ref?: import("preact").Ref<HTMLHeadingElement> | undefined;
}>;
export declare const LabFramePanelBody: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export declare const LabFramePanelFooter: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export interface LabFrameDotProps extends JSX.HTMLAttributes<HTMLSpanElement> {
    /** Dot colour, e.g. "#ff5f57". */
    color?: string;
}
/** A window-chrome dot. */
export declare const LabFrameDot: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<LabFrameDotProps> & {
    ref?: import("preact").Ref<HTMLSpanElement> | undefined;
}>;
export interface LabFrameContentProps extends JSX.HTMLAttributes<HTMLDivElement> {
    /** Hide the content visually while it stays in layout. */
    hidden?: boolean;
}
/** The page content behind a modal specimen. */
export declare const LabFrameContent: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<LabFrameContentProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
/** The modal panel of a specimen. */
export declare const LabFramePanel: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
export interface LabFramePanelCloseProps extends JSX.HTMLAttributes<HTMLButtonElement> {
    /** Accessible name. */
    "aria-label"?: string;
}
/** The panel's close control. */
export declare const LabFramePanelClose: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<LabFramePanelCloseProps> & {
    ref?: import("preact").Ref<HTMLButtonElement> | undefined;
}>;
//# sourceMappingURL=LabFrame.d.ts.map