import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

export function ToolbarButton({ icon, label, onClick, active = false }) {
  return (
    <button
      onClick={onClick}
      className={`
        flex items-center gap-2 px-4 py-2 rounded-lg transition-colors
        ${active 
          ? 'bg-green-600 text-white' 
          : 'text-gray-300 hover:text-green-600'
        }
      `}
    >
      <FontAwesomeIcon icon={icon} />
      {label && <span>{label}</span>}
    </button>
  );
}