import React from 'react';
import { AlignItemsTypes, DisplayTypes, JustiyContentTypes } from '../utils/prop-types';
export interface BoxProps {
    d?: DisplayTypes;
    bg?: string;
    color?: string;
    w?: string;
    h?: string;
    alignItems?: AlignItemsTypes;
    justifyContent?: JustiyContentTypes;
    border?: {
        borderWidth?: string;
        borderColor?: string;
        borderRadius?: string;
    };
    padding?: {
        p?: string;
        px?: string;
        py?: string;
        pl?: string;
        pr?: string;
        pt?: string;
        pb?: string;
    };
    margin?: {
        m?: string;
        mt?: string;
        mr?: string;
        ml?: string;
        mb?: string;
        mx?: string;
        my?: string;
    };
    sm?: any;
    md?: any;
    lg?: any;
    xl?: any;
    shadow?: boolean;
    hoverable?: boolean;
    css?: any;
    className?: string;
    children?: React.ReactNode;
}
declare const defaultProps: {
    bg: string;
    shadow: boolean;
    hoverable: boolean;
    border: {
        borderWidth: string;
        borderRadius: string;
        borderColor: string;
    };
};
declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof BoxProps>;
export declare type GBoxProps = BoxProps & typeof defaultProps & NativeAttrs;
declare const _default: React.ForwardRefExoticComponent<Partial<{
    bg: string;
    shadow: boolean;
    hoverable: boolean;
    border: {
        borderWidth: string;
        borderRadius: string;
        borderColor: string;
    };
}> & Omit<BoxProps, "shadow" | "border" | "bg" | "hoverable"> & NativeAttrs & React.RefAttributes<HTMLElement>>;
export default _default;