Function Icon

apps/web/ui/Icon/index.tsx:13–37

({
  className,
  children,
  active,
  disabled,
  onClick,
}: Props)

}

export default function Icon({
  className,
  children,
  active,
  disabled,
  onClick,
}: Props) {
  return (
    <div
      className={classNames(className, styles.icon, {
        [styles.active]: active,
        [styles.disabled]: disabled,
      })}
      onClick={onClick}
      tabIndex={0}
      onKeyUp={(event) => {
        if (!disabled && event.key === 'Enter') {
          onClick?.();
        }
      }}
    >
      {children}
    </div>
  );
}