import React from "react";
import { type VariantProps } from "../utils.js";
declare const columnVariants: (props?: ({
    span?: 1 | 2 | 4 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "auto" | null | undefined;
    offset?: 1 | 2 | 4 | 3 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | null | undefined;
    align?: "bottom" | "top" | "middle" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
interface ColumnProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof columnVariants> {
    children?: React.ReactNode;
}
declare const Column: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
    original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
        original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
        original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
};
declare const gridVariants: (props?: ({
    gap?: "none" | "small" | "compact" | "micro" | "comfortable" | "spacious" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
    children: null | React.ReactElement<ColumnProps, typeof Column> | Array<React.ReactElement<ColumnProps, typeof Column> | null>;
}
declare const Grid: (({ gap, children, className, ...props }: GridProps) => React.JSX.Element) & {
    original: ({ gap, children, className, ...props }: GridProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: (({ gap, children, className, ...props }: GridProps) => React.JSX.Element) & {
        original: ({ gap, children, className, ...props }: GridProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ gap, children, className, ...props }: GridProps) => React.JSX.Element) & {
        original: ({ gap, children, className, ...props }: GridProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
} & {
    Column: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
        original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    } & {
        original: (({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
            original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        };
        originalName: string;
        displayName: string;
    } & {
        createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element) & {
            original: ({ span, align, children, className, offset, ...props }: ColumnProps) => React.JSX.Element;
            originalName: string;
            displayName: string;
        }>) => (props: unknown) => React.JSX.Element;
    };
};
export { Grid, type GridProps, type ColumnProps };