import cn from '../../../../../../../../utils/cn';

const ToolbarButton = ({ icon, onClick, isActive }) => (
  <button
    type='button'
    className={cn(
      'wmx-p-1 wmx-transition-colors',
      isActive ? 'wmx-text-primary' : 'wmx-text-gray-500 hover:wmx-text-primary'
    )}
    onClick={onClick}
  >
    {icon}
  </button>
);

export default ToolbarButton;
