import React from 'react';
export interface IColumnsProps {
    /** The layout for the columns */
    layout?: '2-1' | '1-3' | '1-1';
    /** If the columns should be hidden until they'd show in a row */
    hideOnMobile?: false | number;
    /** Whether the direct children of `.columns` should use `container-type: inline-size`. This is needed for some components, e.g. `LogoSection`, to have the right styling inside the space, but it also means nothing can be `position: fixed` inside the columns. It is `false` by default. */
    hasCSSContainers?: boolean;
    /** Additional classes */
    className?: string;
    /** The content to be rendered */
    children: React.ReactElement;
}
declare const Columns: ({ layout, hideOnMobile, hasCSSContainers, className, children, }: IColumnsProps) => import("react/jsx-runtime").JSX.Element;
export default Columns;
