Ubuntu
21 lines
721 B
TypeScript
21 lines
721 B
TypeScript
import React from "react";
|
|
import { Button } from "./Button";
|
|
|
|
export function ProductCard() {
|
|
return (
|
|
<div className="max-w-80 p-4 border-2 border-black">
|
|
<img
|
|
alt="product image"
|
|
src="https://images.unsplash.com/photo-1596998791568-386ef5297c2e?q=80&w=2960&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
|
|
/>
|
|
<div className="mt-4 space-y-4">
|
|
<h3 className="font-head text-3xl font-medium mb-1">Classic Gameboy</h3>
|
|
<div className="flex justify-between items-center">
|
|
<span className="text-lg font-semibold">$29.99</span>
|
|
<Button>Add To Cart</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|