[WIP] feat: Header component

Co-authored-by: Manvinderjit Rupal <91133409+manvinderjit@users.noreply.github.com>
torontojs · Feb 11, 2025 · bee0887 · bee0887
1 parent b466922
commit bee0887
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/public/torontojs-logo.png b/public/torontojs-logo.png
diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
@@ -0,0 +1 @@
+.header-wrapper {}
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -0,0 +1,22 @@
+interface Props {
+	heading: string;
+
+	// NOTE: To be decided
+	withLogo: boolean;
+}
+
+const Header = ({ withLogo, heading }: Props) => (
+	<div className='header-wrapper'>
+		{withLogo && (
+			<picture>
+				<img src='./torontojs-logo.png' alt='TorontoJS' />
+			</picture>
+		)}
+
+		<header>
+			<h1>{heading}</h1>
+		</header>
+	</div>
+);
+
+export default Header;