import { ReactNode } from "react";
export interface GridProps {
    /**
     * Content inside the Grid component. Usually GridCol components
     */
    children: ReactNode;
    /**
     * Optional class for styling purpose
     */
    className?: string;
}
export interface GridColProps extends React.ComponentPropsWithoutRef<"div"> {
    /**
     * Size on Mobile
     */
    sm: string;
    /**
     * Size on Tablet
     */
    md?: string;
    /**
     * Size on Small Desktop
     */
    lg?: string;
    /**
     * Size on Large Desktop
     */
    xl?: string;
    /**
     * Accept content as children
     */
    children: ReactNode;
    /**
     * Optional class for styling purpose
     */
    className?: string;
    /**
     * As Prop
     */
    as?: React.ElementType;
}
/**
 * Grid of 12 columns on Desktop, 8 on Tablet and 4 on Mobile
 */
export declare const Grid: {
    ({ children, className, ...restProps }: GridProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
    Col: {
        ({ sm, md, lg, xl, children, className, as, ...restProps }: GridColProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
};
export declare const Column: {
    ({ sm, md, lg, xl, children, className, as, ...restProps }: GridColProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};