import { type ReactNode } from "react";
export interface StoryGridRowProps {
    children: NonNullable<ReactNode>;
    breakpoint?: "medium" | "small";
    flexWrap?: boolean;
    loose?: boolean;
}
declare function StoryGridRow({ children, breakpoint, flexWrap, loose, }: StoryGridRowProps): ReactNode;
export interface StoryGridColProps {
    children: NonNullable<ReactNode>;
    title?: string;
    platform?: "all" | "native" | "web";
}
declare function StoryGridCol({ title, children, platform, }: StoryGridColProps): ReactNode;
/**
 * Column title for a state grid. A forced `focus` is the keyboard focus, so it
 * reads `focus-visible`: a mouse click never shows that state.
 */
export declare function stateTitle(state: string | undefined): string;
export declare const StoryGrid: {
    Row: typeof StoryGridRow;
    Col: typeof StoryGridCol;
};
export {};
//# sourceMappingURL=StoryGrid.d.ts.map