export function StockBadge({ stock }: { stock: number }) {
  if (stock <= 0) {
    return (
      <span className="inline-flex items-center rounded-full bg-black/5 px-2 py-0.5 text-[11px] font-medium text-black/50">
        Out of stock
      </span>
    );
  }
  if (stock <= 3) {
    return (
      <span className="inline-flex items-center rounded-full bg-brand-orange-light px-2 py-0.5 text-[11px] font-medium text-brand-orange-dark">
        Only {stock} left
      </span>
    );
  }
  return (
    <span className="inline-flex items-center rounded-full bg-[#EAF6EE] px-2 py-0.5 text-[11px] font-medium text-success">
      In stock
    </span>
  );
}