export const App = () => {
  return (
    <div className="grid min-h-dvh place-items-center text-white">
      <div className="flex flex-col items-center">
        <img
          className="mb-8 h-12 w-12"
          src="https://sandpack.frontend.fyi/img/fefyi.svg"
        />
        <h1
          className="mb-6 max-w-[60%] text-balance text-center font-mono text-3xl text-white"
        >
          Time to draw some rectangles
        </h1>
        <a
          href="https://www.frontend.fyi/playgrounds"
          target="_blank"
          className="text-sm uppercase text-white bg-primary rounded-md px-2 py-1"
        >
          Frontend.fyi Playgrounds
        </a>
      </div>
    </div>
  );
}