components/ExampleChip.js

export default function ExampleChip({ label, onClick, active }) {
  return (
    <button
      onClick={onClick}
      className={`px-4 py-1.5 rounded-full text-sm transition-colors ${
        active
          ? 'bg-black text-white'
          : 'bg-transparent text-black border border-gray-200 hover:border-gray-400'
      }`}
    >
      {label}
    </button>
  );
}