From 49be4dfc3d478ad02876c9238c48c513edac1e7c Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Thu, 28 Jul 2022 17:56:15 +0530
Subject: refactoring folder structure

---
 client/src/components/Header/Header.jsx        | 13 +++++++++++++
 client/src/components/Header/Header.module.css | 20 ++++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 client/src/components/Header/Header.jsx
 create mode 100644 client/src/components/Header/Header.module.css

(limited to 'client/src/components/Header')

diff --git a/client/src/components/Header/Header.jsx b/client/src/components/Header/Header.jsx
new file mode 100644
index 0000000..d90aafe
--- /dev/null
+++ b/client/src/components/Header/Header.jsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import styles from './Header.module.css'
+
+const Header = ({ subheading }) => {
+  return (
+    <header className={styles.header}>
+      <h1 className={styles.header__heading}>AADHAAR</h1>
+      <h3 className={styles.header__subheading}>{subheading}</h3>
+    </header>
+  )
+}
+
+export default Header
diff --git a/client/src/components/Header/Header.module.css b/client/src/components/Header/Header.module.css
new file mode 100644
index 0000000..8e6084f
--- /dev/null
+++ b/client/src/components/Header/Header.module.css
@@ -0,0 +1,20 @@
+@import '../../styles/GlobalVariables.css';
+
+.header {
+  font-family: 'Fredoka One', cursive;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 20px;
+  padding: 20px;
+}
+
+.header__heading {
+  font-size: var(--font-large);
+  font-weight: 400;
+}
+
+.header__subheading {
+  font-size: var(--font-medium);
+  font-weight: 400;
+}
-- 
cgit