From 58005ad6ca761309eb8a92d2489030a7b1bad523 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 1 Apr 2022 11:39:37 +0200
Subject: chore: add a Hamburger icon component

---
 src/components/atoms/icons/hamburger.tsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 src/components/atoms/icons/hamburger.tsx

(limited to 'src/components/atoms/icons/hamburger.tsx')

diff --git a/src/components/atoms/icons/hamburger.tsx b/src/components/atoms/icons/hamburger.tsx
new file mode 100644
index 0000000..f081bf7
--- /dev/null
+++ b/src/components/atoms/icons/hamburger.tsx
@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import styles from './hamburger.module.scss';
+
+type HamburgerProps = {
+  isActive: boolean;
+};
+
+/**
+ * Hamburger component
+ *
+ * Render a Hamburger icon.
+ */
+const Hamburger: FC<HamburgerProps> = ({ isActive }) => {
+  const stateClass = isActive ? `${styles['icon--active']}` : '';
+  const iconClasses = `${styles.icon} ${stateClass}`;
+
+  return <span className={iconClasses}></span>;
+};
+
+export default Hamburger;
-- 
cgit v1.2.3

