/// <reference types="react" />
import { ExcludedProps, VariantProps } from "@vitality-ds/system";
import { CSSValueByPropertyName } from "../helpers/logic/type-helpers";
import { CommonLayoutProps } from "../helpers/styles/Layout/types";
import { BaseBox } from "./styled";
declare type BaseBoxType = typeof BaseBox;
export declare type BoxProps = ExcludedProps & VariantProps<BaseBoxType> & CommonLayoutProps & {
    /**
     * When used in a CSS grid, control the `gridColumn` and `gridRow` property. Takes any valid value passed to these CSS properties.
     */
    gridSpans?: {
        cols?: CSSValueByPropertyName<"gridColumn">;
        rows?: CSSValueByPropertyName<"gridRow">;
    };
    /**
     * The content of the box
     */
    children?: React.ReactNode;
};
export {};