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 rung, or `none`. */
export type SpaceName = SpaceToken | "none";
export interface BoxProps extends StyleProps {
    children?: React.ReactNode;
    padding?: SpaceName;
    /** Overrides `padding` on that axis. */
    paddingX?: SpaceName;
    /** Overrides `padding` on that axis. */
    paddingY?: SpaceName;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * Padding on the scale and nothing else; children stack with no gutter. A gutter, row, alignment or
 * columns is a `Stack`; a ground and radius is a `Card`, `Well` or `Callout`.
 */
export declare function Box({ children, padding, paddingX, paddingY, testID, render, ref, ...props }: BoxProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;