import { AsProps } from '../../types';
import { FocusEvent } from 'react';

export declare const Box: import('react').ForwardRefExoticComponent<Partial<Pick<import("react").CSSProperties, "display" | "flex" | "flexWrap" | "flexBasis" | "flexGrow" | "flexShrink" | "flexDirection" | "justifyContent" | "alignItems" | "alignContent" | "alignSelf" | "order" | "gap">> & Partial<Pick<import("react").CSSProperties, "gridGap" | "gridRowGap" | "gridColumnGap" | "gridTemplateRows" | "gridTemplateColumns" | "gridTemplateAreas" | "gridArea">> & Partial<Pick<import("react").CSSProperties, "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft">> & Partial<Pick<import("react").CSSProperties, "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight">> & Partial<Pick<import("react").CSSProperties, "color" | "fontSize" | "fontWeight" | "lineHeight" | "textAlign" | "letterSpacing" | "whiteSpace" | "textOverflow">> & Partial<Pick<import("react").CSSProperties, "backgroundColor" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat">> & Partial<Pick<import("react").CSSProperties, "boxShadow" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "borderWidth" | "borderStyle" | "outline">> & Partial<Pick<import("react").CSSProperties, "position" | "top" | "right" | "bottom" | "left">> & Partial<Pick<import("react").CSSProperties, "cursor" | "zIndex" | "opacity" | "overflow" | "overflowX" | "overflowY" | "transition" | "transform">> & AsProps & {
    onBlur?: ((e: FocusEvent<HTMLDivElement>) => void) | undefined;
    onClick?: (() => void) | undefined;
    onMouseEnter?: (() => void) | undefined;
    onMouseLeave?: (() => void) | undefined;
    tabIndex?: number | undefined;
} & {
    children?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>>;