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

export default function BadgeButton({
  label,
  color = '#2563eb',
  icon,
  onClick,
  labelColor,
}: {
  label: string;
  color?: string;
  icon: React.ReactNode;
  onClick?: () => void;
  labelColor?: string;
}) {
  return (
    <button
      onClick={onClick}
      className="flex items-center gap-1.5 h-6 sm:h-8 px-3 font-bold text-white"
      style={{
        background: color,
        borderRadius: '4px',
        fontFamily: 'Verdana, Geneva, DejaVu Sans, sans-serif',
        fontSize: '0.75rem',
        letterSpacing: '0.02em',
        border: '1px solid rgba(0,0,0,0.1)',
        boxShadow: '0 1px 2px rgba(0,0,0,0.1)',
      }}
    >
      <span className="flex items-center">{icon}</span>
      <span style={{ color: 'white', fontWeight: 'bold' }}>{label}</span>
    </button>
  );
} 