From 5c75a302c2203cb3ebf31233121026b4775662cf Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 8 Apr 2022 19:32:58 +0200
Subject: chore(icons): accept a classname as prop

---
 src/components/atoms/icons/hamburger.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

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

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>;
 };
-- 
cgit v1.2.3