component for if you wanted to mix things up and select html by string... but still wanted it to look like React

Box.tsx

import { createElement } from "react";

export function Box({ children, as = "div", ...props }) {
  return createElement(as, props, [...children]);
}


/*

// example

import * as React from "react";
import style from "./App.module.css";
import { Box } from "./Box";

export function App() {
  return (
    <Box className={style.app}>
      <Box as="h1">Hello CodeSanddiv</Box>
      <h2>Start editing to see soesme magic happen!</h2>
    </Box>
  );
}

*/