import * as React from "react";

export function Wrapper({
  as = "div",
  id,
  children,
  ...props
}: {
  as: string | React.ElementType;
  id: string;
  children: React.ReactNode;
} & React.ComponentPropsWithoutRef<"div">) {
  const Tag = as;
  return (
    <Tag data-id={`${id}`} data-component="Wrapper$Brevity" {...props}>
      {children}
    </Tag>
  );
}