/* @component-map
 * App — Main container, layout and title
 * JokeDisplay — Shows joke card, reveal punchline, groan meter, generate button, emoji effects
 * @end-component-map */

import { JokeDisplay } from './components/JokeDisplay.jsx';

function App() {
  return (
    <div className="container">
      <div className="badge">AI-Powered</div>
      <h1>Dad Joke <span>Generator</span></h1>
      <p className="subtitle">Freshly baked groaners, courtesy of artificial intelligence</p>
      <JokeDisplay />
    </div>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);