From 449d91c1c90ae2fa2cc0dfd5598cd49bd9a32704 Mon Sep 17 00:00:00 2001
From: strNophix <nvdpoel01@gmail.com>
Date: Sun, 19 Jun 2022 22:11:56 +0200
Subject: [PATCH] Added h1 atom

---
 frontend/src/components/atoms/Header1.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 frontend/src/components/atoms/Header1.tsx

diff --git a/frontend/src/components/atoms/Header1.tsx b/frontend/src/components/atoms/Header1.tsx
new file mode 100644
index 0000000..e8c1880
--- /dev/null
+++ b/frontend/src/components/atoms/Header1.tsx
@@ -0,0 +1,16 @@
+import { FC, HTMLProps } from "react";
+import clsx from "clsx";
+
+const styleClasses = {
+  base: "text-3xl font-bold mt-12 mb-8",
+};
+
+const Header1: FC<HTMLProps<HTMLParagraphElement>> = (props) => {
+  return (
+    <h1 className={clsx(styleClasses.base, props.className)}>
+      {props.children}
+    </h1>
+  );
+};
+
+export default Header1;