src/components/atoms/icons/hamburger.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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;