import { ReactNode } from 'react';
import { StyledBottomSheetProps } from '../StyledBottomSheet';
/** Mock list size: 248 unfiltered, shrinking as criteria are ticked. */
export declare const UNFILTERED_TOTAL = 248;
type DemoProps = Omit<StyledBottomSheetProps, 'open' | 'onClose' | 'children'> & {
    label: string;
    initiallyOpen?: boolean;
    children: StyledBottomSheetProps['children'];
};
/** A trigger plus a controlled sheet — the smallest thing that behaves like a real screen. */
export declare const SheetDemo: ({ label, initiallyOpen, children, ...sheetProps }: DemoProps) => JSX.Element;
/** The Filter pattern with live state: ticking a chip applies at once and the footer count follows. */
export declare const FilterSheet: ({ initiallyOpen, dataTest, }: {
    initiallyOpen?: boolean;
    dataTest?: string;
}) => JSX.Element;
/** Actions pattern body: plain buttons, reached with Tab; each commits and closes. */
export declare const actionList: (onPick?: (action: string) => void) => ({ close }: {
    close: () => void;
}) => ReactNode;
export declare const tallContent: import("react").JSX.Element;
export {};