31 lines
683 B
TypeScript
31 lines
683 B
TypeScript
"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>
|
|
);
|
|
}
|