import type { ReactNode } from "react"

export type StatusChipTone = "positive" | "warning" | "info"

interface StatusChipProps {
  tone: StatusChipTone
  children: ReactNode
  title?: string
  ariaLabel?: string
}

export function StatusChip({ tone, children, title, ariaLabel }: StatusChipProps) {
  return (
    <span className={"status-chip " + tone} title={title} aria-label={ariaLabel}>
      {children}
    </span>
  )
}
