import * as React from 'react';
import type { QAProps } from "../../types.js";
import type { SpacingProps } from "../spacing/spacing.js";
import "./Box.css";
export interface BoxProps<T extends React.ElementType = 'div'> extends QAProps, React.HTMLAttributes<T>, React.PropsWithChildren<Pick<React.CSSProperties, 'width' | 'height' | 'maxHeight' | 'maxWidth' | 'minHeight' | 'minWidth' | 'position'>> {
    as?: T;
    /**
     * Add overflow css properties to container
     */
    overflow?: 'hidden' | 'x' | 'y' | 'auto';
    className?: string;
    /**
     * All spacing shortcut properties available here.
     * ```tsx
     * <Box spacing={{mr: 3, pb: 2}}>...<Box>
     * // margin-right: 12px
     * // padding-bottom: 8px
     * ```
     */
    spacing?: SpacingProps;
}
type BoxRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
type BoxPropsWithTypedAttrs<T extends React.ElementType> = BoxProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof BoxProps<T>>;
/**
 * Basic block to build other components and for standalone usage as a smart block with build in support of most usable css properties and shortcut `spacing` properties.
 * ```tsx
 * <Box width={300} height={200} spacing={{mb: 2}}>
 *      some content
 * </Box>
 * <Box width={300} height={200} >
 *      some content
 * </Box>
 * ```
 */
export declare const Box: (<C extends React.ElementType = "div">(props: BoxPropsWithTypedAttrs<C> & {
    ref?: BoxRef<C>;
}) => React.ReactElement) & {
    displayName: string;
};
export {};