"use client";
import React from 'react';

export default function BadgeButton({
  label,
  color = '#2563eb',
  icon,
  onClick,
}: {
  label: string;
  color?: string;
  icon: React.ReactNode;
  onClick?: () => void;
}) {
  return (
    <button
      onClick={onClick}
      className="flex items-center gap-2 h-8 px-5 font-bold tracking-wider uppercase text-white"
      style={{
        background: color,
        borderRadius: '4px',
        fontFamily: 'Verdana, Geneva, DejaVu Sans, sans-serif',
        fontSize: '0.95rem',
        letterSpacing: '0.08em',
      }}
    >
      <span className="flex items-center">{icon}</span>
      <span>{label}</span>
    </button>
  );
}