Function ButtonToggle

apps/web/ui/ButtonToggle/index.tsx:19–43

({
  className,
  value,
  options,
  onChange,
}: Props)

}

export default function ButtonToggle({
  className,
  value,
  options,
  onChange,
}: Props) {
  return (
    <ButtonGroup className={className}>
      {options.map((option, index) => {
        return (
          <Button
            key={`${option.label}-${index}`}
            className={styles.button}
            color={option.value === value ? 'white' : 'transparent'}
            size="xs"
            onClick={() => onChange(option.value)}
          >
            {option.icon}
            {option.label}
          </Button>
        );
      })}
    </ButtonGroup>
  );
}