chore(icons): accept a classname as prop

1 files changed, 9 insertions, 2 deletions

diff --git a/src/components/atoms/icons/hamburger.tsx b/src/components/atoms/icons/hamburger.tsx
index f081bf7..6716b26 100644
--- a/src/components/atoms/icons/hamburger.tsx
+++ b/src/components/atoms/icons/hamburger.tsx
@@ -2,6 +2,13 @@ import { FC } from 'react';
 import styles from './hamburger.module.scss';
 
 type HamburgerProps = {
+  /**
+   * Set additional classnames to the icon.
+   */
+  className?: string;
+  /**
+   * Transform hamburger to a close icon when active.
+   */
   isActive: boolean;
 };
 
@@ -10,9 +17,9 @@ type HamburgerProps = {
  *
  * Render a Hamburger icon.
  */
-const Hamburger: FC<HamburgerProps> = ({ isActive }) => {
+const Hamburger: FC<HamburgerProps> = ({ className = '', isActive }) => {
   const stateClass = isActive ? `${styles['icon--active']}` : '';
-  const iconClasses = `${styles.icon} ${stateClass}`;
+  const iconClasses = `${styles.icon} ${stateClass} ${className}`;
 
   return <span className={iconClasses}></span>;
 };