export declare const SIZES: Size[];
export declare type Size = "xs" | "s" | "m" | "l" | "xl";
export declare type Breakpoints = Partial<Record<Size, number>>;
export declare type ResponsiveLayout = {
    breakpoints?: Breakpoints;
} & Partial<Record<Size, Layout>>;
export interface Layout {
    formatter: string;
}
export interface SizeLayout extends Layout {
    formatter: "size";
    width?: string;
}
export interface BoxLayout extends Layout {
    margin?: "none" | "narrow" | "wide";
    padding?: "none" | "narrow" | "wide";
    elevation?: number;
    border?: "sharp" | "soft";
    backgroundColor?: string;
    fontSize?: "small" | "smaller" | "medium" | "larger" | "large";
}
export interface FlexLayout extends BoxLayout {
    formatter: "flex";
    direction: "horizontal" | "vertical";
    horizontal?: "left" | "center" | "right" | "expand";
    vertical?: "top" | "middle" | "bottom";
    gaps?: "none" | "narrow" | "wide";
    wrap?: "wrap" | "nowrap";
    grow?: {
        [index: string]: number;
    };
}
export interface ColumnsLayout extends BoxLayout {
    formatter: "columns";
    gaps?: "none" | "narrow" | "wide";
    columns: any;
}
export interface AreasLayout extends BoxLayout {
    formatter: "areas";
    columns: number[];
    areas: string[];
    gaps?: "none" | "narrow" | "wide";
    alignments?: {
        area: string;
        horizontal?: string;
        vertical?: string;
    }[];
}
export declare type Column = {
    field: string;
    visible?: boolean;
    searchable?: boolean;
    sortable?: boolean;
    horizontal?: "left" | "center" | "right";
    width?: {
        selection: "auto" | "minmax";
        value?: {
            minWidth?: number;
            minWidthUnit?: "em" | "px";
            maxWidth?: number;
            maxWidthUnit?: "em" | "px";
        };
    };
};
export interface TableLayout extends BoxLayout {
    formatter: "table";
    vertical?: "top" | "middle" | "bottom";
    rowHeight?: "s" | "m" | "l" | "xl";
    fill?: "grow" | "shrink";
    fixedColumns?: number;
    columns: Column[];
}
//# sourceMappingURL=Layouts.d.ts.map