import React, { ComponentType } from "react";
import { ButtonProps } from "./Button";
interface PageProps {
    children: React.ReactNode;
    variant?: "modal" | "normal";
}
export declare function Page({ children, variant }: PageProps): React.JSX.Element;
interface PageHeaderProps {
    title: React.ReactNode;
    description?: React.ReactNode;
    icon?: ComponentType<{
        className?: string;
    }>;
}
export declare namespace Page {
    var Header: ({ title, description, icon }: PageHeaderProps) => React.JSX.Element;
}
interface PageSectionHeaderProps {
    title: string;
    description?: string;
    action?: ButtonProps;
}
export declare namespace Page {
    var SectionHeader: ({ title, description, action, }: PageSectionHeaderProps) => React.JSX.Element;
}
export declare namespace Page {
    var Separator: () => React.JSX.Element;
}
interface PagePProps {
    children: React.ReactNode;
    size?: "sm" | "md" | "lg";
    variant?: "primary" | "secondary";
}
export declare namespace Page {
    var P: ({ children, variant, size }: PagePProps) => React.JSX.Element;
}
interface PageHProps {
    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
    children: React.ReactNode;
}
export declare namespace Page {
    var H: ({ children, variant }: PageHProps) => React.JSX.Element;
}
interface PageLayoutProps {
    children: React.ReactNode;
    direction?: "horizontal" | "vertical" | "fluid";
    sizing?: "shrink" | "grow";
    align?: "stretch" | "left" | "center" | "right";
    gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
}
export declare namespace Page {
    var Layout: ({ children, direction, sizing, align, gap, }: PageLayoutProps) => React.JSX.Element | null;
}
interface PageDivProps {
    children: React.ReactNode;
    sizing?: "shrink" | "grow";
    align?: "stretch" | "left" | "center" | "right";
    gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
}
export declare namespace Page {
    var Horizontal: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
}
export declare namespace Page {
    var Vertical: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
}
export declare namespace Page {
    var Fluid: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
}
//# sourceMappingURL=Page.d.ts.map