import React, { FunctionComponent, HTMLAttributes, forwardRef } from "react";

/**
 * @deprecated use React.ComponentProps<"div"> instead
 */
export interface BoxProps extends HTMLAttributes<HTMLDivElement> {
  ref?: any;
  as?: any;
}

/**
 * @deprecated use a <div /> or <span /> element instead
 */
export const Box: FunctionComponent<BoxProps> = forwardRef<
  HTMLDivElement,
  BoxProps
>(({ as: Component = "div", ...rest }, ref) => {
  return <Component ref={ref} {...rest} />;
});