/// <reference types="react" />
import { box_color, box_variant, flag } from '../types';
import { spaced } from '../mappings/spaces';
import { col_span } from '../mappings/col-spans';
import { AsWrapper } from '../as';
import { WithBorder, WithCenter, WithColorOfBox, WithCorner, WithMargin, WithWidth, WithHeight, WithNativeOnMouseEnter, WithNativeOnMouseLeave, WithNativeOnMouseOver, WithOnClick, WithPadding, WithShape, WithSizeOfBox, WithVariantOfBox } from '../withs';
export declare function Div({ id, absolute, auto, b, bx, by, bt, bb, bl, br, box, center, children, className, col, color, corner, cropped, desktop, flex, flex1, full, grid, gap, hcenter, hfull, hidden, hscreen, inline, m, mx, my, mt, mb, ml, mr, mobile, onClick, p, px, py, pt, pb, pl, pr, pointer, relative, responsive, reverse, row, selfcenter, shape, size, spacebetween, spaced, span, tablet, variant, vcenter, wrap, h, w, }: DivProps): JSX.Element;
export interface DivProps extends AsWrapper, WithPadding, WithWidth, WithHeight, WithOnClick, WithNativeOnMouseEnter, WithNativeOnMouseOver, WithNativeOnMouseLeave, WithMargin, WithBorder, WithShape, WithCenter, WithCorner, WithSizeOfBox, WithColorOfBox, WithVariantOfBox {
    box?: {
        color?: box_color;
        variant?: box_variant;
    };
    full?: flag;
    hfull?: flag;
    inline?: flag;
    cropped?: flag;
    absolute?: flag;
    relative?: flag;
    flex?: flag;
    grid?: boolean | number;
    gap?: boolean | number;
    col?: flag;
    auto?: flag;
    row?: flag;
    spaced?: spaced;
    span?: col_span;
    flex1?: flag;
    wrap?: flag;
    responsive?: flag;
    vcenter?: flag;
    hcenter?: flag;
    hscreen?: flag;
    desktop?: flag;
    tablet?: flag;
    mobile?: flag;
    reverse?: flag;
    pointer?: flag;
    selfcenter?: flag;
    spacebetween?: flag;
    hidden?: flag;
    id?: string;
}
export default Div;
//# sourceMappingURL=Div.d.ts.map