GDPR made searchable

import { FC } from 'react';
import cx from 'clsx';
 
export type BadgeColor = 'accent' | 'gray' | 'blue' | 'yellow' | 'green';
 
export type BadgeProps = {
  color?: BadgeColor,
  className?: string,
};
 
export const COLOR_CLASSNAMES = {
  accent: 'border-blue-400 bg-blue-100 text-accent',
  gray: 'border-gray-400 bg-gray-100 text-gray-700',
  blue: 'border-blue-400 bg-blue-100 text-blue-700',
  yellow: 'border-yellow-400 bg-yellow-100 text-yellow-700',
  green: 'border-green-400 bg-green-100 text-green-700',
};
 
export const Badge: FC<BadgeProps> = ({ children, color = 'gray', className }) => (
  <span
    className={cx(
      'flex items-center rounded border py-px px-2 text-xs leading-none',
      COLOR_CLASSNAMES[color],
      className
    )}
  >
    {children}
  </span>
);
 
export default Badge;

{
  "browsers": {
    "firefox": {
      "name": "Firefox",
      "pref_url": "about:config",
      "releases": {
        "1": {
          "release_date": "2004-11-09",
          "status": "retired",
          "engine": "Gecko",
          "engine_version": 1.7
        }
      }
    }
  }
}