Function ToggleButton

src/components/ToggleButton/ToggleButton.js:5–23

({
  label,
  color,
  children,
  isSelected,
  ...delegated
})

import styles from './ToggleButton.module.css';

const ToggleButton = ({
  label,
  color,
  children,
  isSelected,
  ...delegated
}) => {
  return (
    <button
      {...delegated}
      aria-pressed={isSelected}
      className={styles.toggleButton}
      style={{ backgroundColor: color }}
    >
      <span className="visually-hidden">{label}</span>
      {children}
    </button>
  );
};

export default ToggleButton;