import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import '../../shared/app.css';

const communityName: string = 'Harbor Together';
const practiceEvents: number = 6;
function App() {
  return <main><p className="eyebrow">Checkpoint 01 · TSX and a render entry</p>
    <h1>{communityName}</h1><p>Explore {practiceEvents} fictional community events.</p>
    <p>Change communityName in main.tsx and watch Vite update this page.</p>
    <a href="../../demos.html">All checkpoints</a></main>;
}
const root = document.getElementById('root');
if (!root) throw new Error('Missing #root element in index.html.');
createRoot(root).render(<StrictMode><App /></StrictMode>);