chore: add a Hamburger icon component

1 files changed, 20 insertions, 0 deletions

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;