import React from 'react';
import { CssProps } from './box.types';
import { BackgroundsColors, BorderColors, BorderRadius, BorderWidths, BoxShadows, Spacings, ShapeFills } from '../../themes/types';
export type BoxProps = CssProps & BoxCustomProps & BoxBaseProps;
type BoxBaseProps = {
    children?: React.ReactNode;
    id?: string;
    testID?: string;
};
type BoxCustomProps = {
    backgroundColor?: BackgroundsColors;
    borderBottomColor?: BorderColors;
    borderBottomLeftRadius?: BorderRadius;
    borderBottomRightRadius?: BorderRadius;
    borderBottomWidth?: BorderWidths;
    borderColor?: BorderColors;
    borderLeftColor?: BorderColors;
    borderLeftWidth?: BorderWidths;
    borderRadius?: BorderRadius;
    borderRightColor?: BorderColors;
    borderRightWidth?: BorderWidths;
    borderTopColor?: BorderColors;
    borderTopLeftRadius?: BorderRadius;
    borderTopRightRadius?: BorderRadius;
    borderTopWidth?: BorderWidths;
    borderWidth?: BorderWidths;
    boxShadow?: BoxShadows;
    margin?: Spacings;
    marginBottom?: Spacings;
    marginHorizontal?: Spacings;
    marginLeft?: Spacings;
    marginRight?: Spacings;
    marginTop?: Spacings;
    marginVertical?: Spacings;
    onPress?: (event: React.MouseEvent<HTMLDivElement>) => void;
    onKeyPress?: () => void;
    padding?: Spacings;
    paddingBottom?: Spacings;
    paddingHorizontal?: Spacings;
    paddingLeft?: Spacings;
    paddingRight?: Spacings;
    paddingTop?: Spacings;
    paddingVertical?: Spacings;
    shapeFill?: ShapeFills;
    style?: React.CSSProperties;
};
declare const Box: React.ForwardRefExoticComponent<CssProps & BoxCustomProps & BoxBaseProps & React.RefAttributes<unknown>>;
export default Box;