/* @component-map
 * App — Main container, layout and view switching
 * AgeCalculator — Date input, age calculation, and results display
 * @end-component-map */

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

function App() {
  return (
    <div className="page-bg">
      <div className="container">
        <div className="header">
          <div className="header-icon">🎂</div>
          <h1 className="header-title">Age Calculator</h1>
          <p className="header-subtitle">Find out exactly how long someone's been around</p>
        </div>
        <AgeCalculator />
      </div>
    </div>
  );
}

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