import { createRoot } from 'react-dom/client';
import typescriptLogo from '/typescript.svg';
import { Header, Counter } from '@repo/ui';
import './main.css';

const App = () => (
  <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" className="logo" alt="Vite logo" />
    </a>
    <a href="https://www.typescriptlang.org/" target="_blank">
      <img src={typescriptLogo} className="logo vanilla" alt="TypeScript logo" />
    </a>
    <Header title="Web" />
    <div className="card">
      <h1 className="bg-red-200 text-3xl font-bold underline">Hello world! docs</h1>
      <Counter />
    </div>
  </div>
);

createRoot(document.getElementById('app')!).render(<App />);