Untitled

mail@pastecode.io avatar
unknown
typescript
7 months ago
1.4 kB
0
Indexable
Never
export default function ItemCard() {
  return (
    <div className="w-[19rem]">
      <div className="h-64 w-max bg-gradient-to-tr from-green-csgreen  from-40% to-white p-1">
        <div className="h-fulbg-cs-gray " />a
      </div>
      <div
        className="flex w-[19rem]
        flex-col
        items-center
        gap-4
        bg-black
       px-4
       py-6
        "
      >
        <h1>Item name</h1>

        <div>
          <div className="inline-flex h-5  w-full items-center justify-center  bg-white px-2 py-0.5">
            <div className="text-center text-xs font-normal leading-none text-black">
              Classified Pistol
            </div>
          </div>
          <div className="inline-flex h-5  w-full items-center justify-center  bg-white px-2 py-0.5">
            <div className="text-center text-xs font-normal leading-none text-black">
              Classified Pistol
            </div>
          </div>
        </div>
        <div className="w-72 text-center">
          <span className="text-sm font-normal leading-tight text-white">
            $6.08 - $9.77
            <br />
          </span>
          <span className="text-sm font-normal leading-tight text-amber-500">
            $10.76 - $24.54
          </span>
        </div>
      </div>
    </div>
  )
}