Header.jsx

1// components/Header.tsx
2import styles from './Header.module.css';
3
4export default function Header() {
5  return (
6    <header className={styles.header}>
7      <h1 className={styles.logo}>Learning React</h1>
8      <nav>
9        <ul className={styles.navList}>
10          <li>
11            <a href="/" className={styles.navLink}>
12              Home
13            </a>
14          </li>
15          <li>
16            <a href="/about" className={styles.navLink}>
17              About
18            </a>
19          </li>
20        </ul>
21      </nav>
22    </header>
23  );
24}