import { default as React, RefAttributes } from 'react';
import { ClassNameType } from './core/classNames';
import { ExtractElementFromTag } from './core/coreTypes';
import { default as BoxExtends } from './core/extends/boxExtends';
import { default as Theme } from './core/theme/theme';
import { default as Variables } from './core/variables';
import { default as useVisibility } from './hooks/useVisibility';
import { BoxStyleProps, ComponentsAndVariants } from './types';
type AllProps<TTag extends keyof React.JSX.IntrinsicElements> = React.ComponentProps<TTag>;
type TagPropsType<TTag extends keyof React.JSX.IntrinsicElements> = Omit<AllProps<TTag>, 'className' | 'style' | 'ref' | 'disabled' | 'required' | 'checked' | 'id'>;
interface Props<TTag extends keyof React.JSX.IntrinsicElements, TKey extends keyof ComponentsAndVariants> extends BoxStyleProps<TKey> {
    children?: React.ReactNode | ((props: {
        isHover: boolean;
    }) => React.ReactNode);
    /** html tag element */
    tag?: TTag;
    /** props (attributes) related to html tag */
    props?: TagPropsType<TTag>;
    /** classNames. supports conditional classNames. */
    className?: ClassNameType;
    /** CSSProperties */
    style?: React.ComponentProps<TTag>['style'];
    /** The HTML id attribute is used to specify a unique id for an HTML element. */
    id?: string;
}
interface BoxType {
    <TTag extends keyof React.JSX.IntrinsicElements = 'div', TKey extends keyof ComponentsAndVariants = never>(props: Props<TTag, TKey> & RefAttributes<ExtractElementFromTag<TTag>>): React.ReactNode;
    extend: typeof BoxExtends.extend;
    components: typeof BoxExtends.components;
    Theme: typeof Theme;
    useTheme: typeof Theme.useTheme;
    getVariableValue: typeof Variables.getVariableValue;
}
declare const Box: BoxType;
export default Box;
export type BoxProps<TTag extends keyof React.JSX.IntrinsicElements = 'div', TKey extends keyof ComponentsAndVariants = never> = React.ComponentProps<typeof Box<TTag, TKey>>;
export type BoxTagProps<TTag extends keyof React.JSX.IntrinsicElements = 'div', TKey extends keyof ComponentsAndVariants = never> = Required<BoxProps<TTag, TKey>>['props'];
export { useVisibility };