import type { StatusPresentation } from '@/types/status'
import { Chip } from '@/components/heroui/Chip'

type StatusChipProps = StatusPresentation & {
  description?: React.ReactNode
}

const StatusChip = ({ chipColor, description, label }: StatusChipProps) => (
  <div className="flex flex-col gap-1">
    <Chip
      color={chipColor}
      size="sm"
      variant="flat"
    >
      {label}
    </Chip>
    {description ? <span className="text-text-muted text-xs leading-snug">{description}</span> : null}
  </div>
)

export default StatusChip