redhare-demo/components/product/DiscountProduct.jsx

export default function DiscountProduct({ discount }) {
  return (
    <span className="bg-red-500 inline-block pt-0.5 px-2 text-white rounded-xl tracking-widest">
      {discount}%
    </span>
  )
}