/// <reference types="styli-plugin-background" />
/// <reference types="styli-plugin-border" />
/// <reference types="styli-plugin-box-alignment" />
/// <reference types="styli-plugin-color" />
/// <reference types="styli-plugin-display" />
/// <reference types="styli-plugin-flexbox" />
/// <reference types="styli-plugin-layout-engine" />
/// <reference types="styli-plugin-line-height" />
/// <reference types="styli-plugin-margin" />
/// <reference types="styli-plugin-opacity" />
/// <reference types="styli-plugin-overflow" />
/// <reference types="styli-plugin-position" />
/// <reference types="styli-plugin-padding" />
/// <reference types="styli-plugin-rounded" />
/// <reference types="styli-plugin-shadow" />
/// <reference types="styli-plugin-size" />
/// <reference types="styli-plugin-text-align" />
/// <reference types="styli-plugin-text-size" />
/// <reference types="styli-plugin-text-transform" />
/// <reference types="styli-plugin-font-weight" />
/// <reference types="styli-plugin-z-index" />
/// <reference types="styli-plugin-outline" />
/// <reference types="styli-plugin-cursor" />
/// <reference types="styli-plugin-ellipsis" />
/// <reference types="styli-plugin-debug" />
/// <reference types="styli-plugin-space" />
import React, { PropsWithChildren, ComponentProps } from 'react';
import { AtomicProps, As } from '@styli/types';
export interface BoxComponent<T extends As, P = any> {
    <AsType extends As = 'div'>(props: {
        as?: AsType;
    } & P & Omit<ComponentProps<AsType>, keyof ComponentProps<T>> & Omit<ComponentProps<T>, keyof P> & AtomicProps): JSX.Element;
    displayName?: string;
    propTypes?: React.WeakValidationMap<PropsWithChildren<P> & ComponentProps<T>>;
    contextTypes?: React.ValidationMap<any>;
    defaultProps?: PropsWithChildren<P> & ComponentProps<T> & AtomicProps & {
        as?: As;
    };
}
export declare const Box: BoxComponent<'div', {}>;