import React from 'react'
import './Badge.css'

type BadgeColor = 'blue' | 'green' | 'red' | 'orange' | 'gray'

export interface BadgeProps {
  label: string
  color?: BadgeColor
  className?: string
}

export function Badge({ label, color = 'gray', className = '' }: BadgeProps) {
  return (
    <span
      className={`ov-badge${className ? ` ${className}` : ''}`}
      data-color={color}
    >
      {label}
    </span>
  )
}