import { ElementType } from 'react';
import { OverrideProps } from '../../types/utils.js';
import { Interpolation } from '@nex-ui/system';

interface BoxPropsOverrides {
}
type BoxOwnProps<RootComponent extends ElementType> = {
    /**
     * The component or element to render as the root.
     * @default 'div'
     */
    as?: RootComponent;
    /**
     * The system prop that allows defining system overrides as well as additional CSS styles.
     */
    sx?: Interpolation;
};
type BoxProps<RootComponent extends ElementType = 'div'> = OverrideProps<RootComponent, BoxOwnProps<RootComponent>, BoxPropsOverrides>;

export type { BoxProps, BoxPropsOverrides };