import type { ReactNode } from "react"

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

interface StatusChipProps {
  tone: StatusChipTone
  children: ReactNode
}

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