import { ComponentProps, ComponentType, ReactNode } from 'react';
/**
 * Viewport breakpoints supported by the Page component
 */
export type Breakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl';
/**
 * Responsive component definition that can be:
 * - An object with breakpoint keys and component values (ReactNode or ComponentType)
 * - A single ReactNode
 * - A Component function/class
 */
export type ResponsiveComponent<T = Record<string, unknown>> = Partial<Record<Breakpoint, ReactNode | ComponentType<T>>> | ReactNode | ComponentType<T>;
/**
 * Props for the Page layout component
 */
export type PageProps = ComponentProps<'div'> & {
    /**
     * Header component(s) - can be responsive or static
     * @example
     * // Responsive header
     * <Page header={{ base: <MobileHeader />, md: <DesktopHeader /> }} />
     *
     * // Static header
     * <Page header={<Header />} />
     *
     * // Component reference
     * <Page header={Header} />
     */
    header?: ResponsiveComponent;
    /**
     * Footer component(s) - can be responsive or static
     * @example
     * // Responsive footer
     * <Page footer={{ base: <MobileFooter />, md: <DesktopFooter /> }} />
     *
     * // Static footer
     * <Page footer={<Footer />} />
     *
     * // Component reference
     * <Page footer={Footer} />
     */
    footer?: ResponsiveComponent;
    /**
     * Main content of the page
     */
    children: ReactNode;
    /**
     * Test ID for testing purposes
     */
    'data-testid'?: string;
};
//# sourceMappingURL=types.d.ts.map