import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, ReactElement } from "react";
import { type SpacingKey, type SIZES } from "../../../system/Sizes";
import { type ELEVATION } from "../../../system/Elevation";
import { type BackgroundColor, type CursorOption } from "../../../types/general.types";
declare const underscoredSpacingPropNames: readonly ["_p", "_pt", "_pr", "_pb", "_pl", "_px", "_py", "_m", "_mt", "_mr", "_mb", "_ml", "_mx", "_my"];
type UnderscoredSpacingProps = Partial<Record<(typeof underscoredSpacingPropNames)[number], SpacingKey>>;
type ElevationProp = keyof typeof ELEVATION;
type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];
export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & UnderscoredSpacingProps & {
    as?: C;
    /**
     * Adds a box-shadow to the element based on the design system
     */
    elevation?: ElevationProp;
    /**
     * Make the item fill up horizontal space
     */
    width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof SIZES;
    backgroundColor?: BackgroundColor;
    /**
     * Will set a border radius based on the standard sizes scale.
     * Check {@link SIZES} for reference.
     */
    borderRadius?: keyof typeof SIZES;
    /**
     * Will set a left border radius based on the standard sizes scale.
     * Check {@link SIZES} for reference.
     */
    borderRadiusLeft?: keyof typeof SIZES;
    /**
     * Will set a right border radius based on the standard sizes scale.
     * Check {@link SIZES} for reference.
     */
    borderRadiusRight?: keyof typeof SIZES;
    hoverBackgroundColor?: BackgroundColor;
    cursor?: CursorOption;
};
type PropsWithRef<C extends ElementType> = Props<C> & {
    ref?: PolymorphicRef<C>;
};
export declare const Box: <C extends ElementType = "div">(props: PropsWithRef<C>) => ReactElement | null;
export {};