import { default as React } from 'react';
import { MPProps, ResponsiveValueType } from '../../../utils/ui';
import { BoxDisplayType } from './Box.types';

export interface BoxProps extends MPProps {
    noOverflow?: boolean;
    noShrink?: boolean;
    grow?: boolean;
    fullWidth?: boolean;
    fullHeight?: boolean;
    fitContentWidth?: boolean;
    display?: ResponsiveValueType<BoxDisplayType>;
    width?: ResponsiveValueType;
    height?: ResponsiveValueType;
    flex?: ResponsiveValueType<string>;
    children?: React.ReactNode;
    className?: string;
    style?: React.CSSProperties;
    ref?: React.Ref<HTMLDivElement>;
    as?: React.ElementType;
    id?: string;
}
export declare const stringPropFormater: (val: string) => string;
export declare function getBoxClassNames(props: BoxProps): string;
export declare function getBoxStyles(props: BoxProps): React.CSSProperties;
declare function Box(props: BoxProps): import("react/jsx-runtime").JSX.Element;
export default Box;