import React from 'react';
type Override<T, U> = Omit<T, keyof U> & U;
type Override2<T, U, V> = Override<Override<T, U>, V>;
type BoxDefault<Default extends React.ElementType = 'div', ExtraProps = {}> = Override2<React.ComponentPropsWithRef<Default>, {
    as?: never;
    href?: never;
}, ExtraProps>;
type BoxAnchorDefault<ExtraProps = {}> = Override2<React.ComponentPropsWithRef<'a'>, {
    as?: never;
    href: string;
}, ExtraProps>;
type BoxIntrinsic<TElement extends keyof JSX.IntrinsicElements = keyof JSX.IntrinsicElements, ExtraProps = {}> = Override2<React.ComponentPropsWithRef<TElement>, {
    /**
     * The component or HTML Element that the button is rendered as.
     *
     * @type HTML Element | React.Component
     */
    as: TElement;
}, ExtraProps>;
type BoxComponent<TProps = {}, ExtraProps = {}> = Override2<React.PropsWithRef<TProps>, {
    /**
     * The component or HTML Element that the button is rendered as.
     */
    as: React.ComponentType<React.PropsWithChildren<TProps>>;
}, ExtraProps>;
/**
 * A flexible polymorphic type for the Box component, which allows various implementations:
 * - Default anchor element
 * - Any intrinsic JSX element
 * - Custom React component
 * - Default element type
 *
 * @deprecated Prefer using Polymorphic types from `@leafygreen-ui/polymorphic` package.
 * @typeParam Default - The default React element type to render, defaults to 'div'
 * @typeParam ExtraProps - Additional props to extend the component with
 */
export type BoxProps<Default extends React.ElementType = 'div', ExtraProps = {}> = BoxAnchorDefault<ExtraProps> | BoxIntrinsic<keyof JSX.IntrinsicElements, ExtraProps> | BoxComponent<{}, ExtraProps> | BoxDefault<Default, ExtraProps>;
declare function InlineBox(props: BoxDefault, ref: React.Ref<any>): JSX.Element;
declare function InlineBox(props: BoxAnchorDefault, ref: React.Ref<any>): JSX.Element;
declare function InlineBox<TElement extends keyof JSX.IntrinsicElements>(props: BoxIntrinsic<TElement>, ref: React.Ref<any>): JSX.Element;
declare function InlineBox<TProps>(props: BoxComponent<TProps>, ref: React.Ref<any>): JSX.Element;
declare namespace InlineBox {
    var displayName: string;
}
/**
 * The Box component handles the `as` prop, allowing the component to be rendered using alternate HTML elements.
 *
 * It also defaults to an `<a>` tag when a `href` prop is set.
 */
declare const Box: typeof InlineBox;
export default Box;
export interface ExtendableBox<ExtraProps, Default extends React.ElementType = 'div'> extends Pick<React.FunctionComponent<React.PropsWithChildren<BoxProps<Default, ExtraProps>>>, 'displayName' | 'propTypes'> {
    <TElement extends keyof JSX.IntrinsicElements>(props: BoxIntrinsic<TElement, ExtraProps>): JSX.Element | null;
    (props: BoxAnchorDefault<ExtraProps>): JSX.Element | null;
    (props: BoxDefault<Default, ExtraProps>): JSX.Element | null;
    <TProps>(props: BoxComponent<TProps, ExtraProps>): JSX.Element | null;
}
//# sourceMappingURL=Box.d.ts.map