components/ActionButton.jsx

export default function ActionButton({ icon, label, onClick, disabled = false }) {
  return (
    <button
      onClick={onClick}
      disabled={disabled}
      className={`flex items-center justify-center p-3 rounded-lg ${disabled ? 'bg-gray-300' : 'bg-blue-500 hover:bg-blue-600'} text-white transition-colors`}
    >
      <span className="mr-2">{icon}</span>
      {label}
    </button>
  )
}