import "./box.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
import { type SpaceToken } from "./spacing";
/** A gutter is a rung — the pixel it is — or `none`, the absence of one. */
export type SpaceName = SpaceToken | "none";
export interface BoxProps extends StyleProps {
    children?: React.ReactNode;
    /** Air on all four sides. */
    padding?: SpaceName;
    /** Air on the left and right, overriding `padding` on that axis. */
    paddingX?: SpaceName;
    /** Air on the top and bottom, overriding `padding` on that axis. */
    paddingY?: SpaceName;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * Padding on the scale, and nothing else — the `<div>` a screen reaches for when
 * it needs air around a block. Its children stack in a column with no gutter;
 * the moment you want a gutter, a row, an alignment or equal columns it is a
 * `Stack`. Anything with a ground and a radius is a `Card`,
 * a `Well` or a `Callout`.
 */
export declare function Box({ children, padding, paddingX, paddingY, testID, render, ref, ...props }: BoxProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;