summaryrefslogtreecommitdiffstats
path: root/src/components/atoms/icons/hamburger.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/icons/hamburger.tsx')
-rw-r--r--src/components/atoms/icons/hamburger.tsx32
1 files changed, 32 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..7e7c2c9
--- /dev/null
+++ b/src/components/atoms/icons/hamburger.tsx
@@ -0,0 +1,32 @@
+import { FC } from 'react';
+import styles from './hamburger.module.scss';
+
+type HamburgerProps = {
+ /**
+ * Set additional classnames to the icon wrapper.
+ */
+ className?: string;
+
+ /**
+ * Set additional classnames to the icon.
+ */
+ iconClassName?: string;
+};
+
+/**
+ * Hamburger component
+ *
+ * Render a Hamburger icon.
+ */
+const Hamburger: FC<HamburgerProps> = ({
+ className = '',
+ iconClassName = '',
+}) => {
+ return (
+ <span className={`${styles.wrapper} ${className}`}>
+ <span className={`${styles.icon} ${iconClassName}`}></span>
+ </span>
+ );
+};
+
+export default Hamburger;