import { default as React, ReactNode } from 'react';
import { ThemeTypes } from '@viasat/beam-shared/utils';
import { BoxBorderWidth, BoxBackgroundColor, BoxBorderColor, BoxBorderRadius, BoxShadow } from '@viasat/beam-shared/components/box';
import { SpacingProps } from '../../utils/spacing';
export interface BoxProps extends React.ComponentPropsWithRef<'div'>, SpacingProps {
    /**
     * Provide content for the Box
     */
    children?: ReactNode;
    /**
     * Specify the background color of a Box
     */
    backgroundColor?: BoxBackgroundColor;
    /**
     * Specify the border color of a Box
     */
    borderColor?: BoxBorderColor;
    /**
     * Specify the border width of a Box
     */
    borderWidth?: BoxBorderWidth;
    /**
     * Specify the border radius of a Box
     */
    borderRadius?: BoxBorderRadius;
    /**
     * Specify the HTML element type of a Box
     * @default 'div'
     */
    as?: React.ElementType;
    /**
     * Specify if a Box has a shadow
     */
    shadow?: BoxShadow;
    /**
     * Specify the theme of a Box
     */
    theme?: ThemeTypes;
}
export declare const Box: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLElement>>;