import * as React from 'react';
import { ViewProps as RNViewProps } from 'react-native';
import { CSSProperties } from 'bumbag/types';
import { ThemeConfig } from '../types/theme';
export declare type LocalBoxProps = {
    animated?: boolean;
    children?: React.ReactNode | ((props: BoxProps) => React.ReactNode);
    alignX?: 'left' | 'center' | 'right';
    alignY?: 'top' | 'center' | 'bottom';
    altitude?: string;
    variant?: string;
    colorMode?: string;
    disabled?: boolean;
    style?: any;
    overrides?: ThemeConfig;
    elementRef?: React.Ref<any>;
    themeKey?: string;
};
export declare type BoxProps = Omit<CSSProperties, 'pointerEvents'> & RNViewProps & LocalBoxProps & {
    active?: boolean;
    focus?: boolean;
    hover?: boolean;
    hoveractive?: boolean;
};
export declare const Box: React.ForwardRefExoticComponent<Omit<CSSProperties, "pointerEvents"> & RNViewProps & LocalBoxProps & {
    active?: boolean;
    focus?: boolean;
    hover?: boolean;
    hoveractive?: boolean;
} & React.RefAttributes<unknown>> & {
    displayName?: string;
    useProps: (props?: Partial<BoxProps>, config?: {
        disableCSSProps?: string[];
        themeKey?: string;
    }) => any;
};