Untitled
unknown
typescript
2 years ago
1.4 kB
5
Indexable
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>
)
}
Editor is loading...