summaryrefslogtreecommitdiff
path: root/src/components/product_cart.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/product_cart.tsx')
-rw-r--r--src/components/product_cart.tsx28
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/product_cart.tsx b/src/components/product_cart.tsx
new file mode 100644
index 0000000..86d2615
--- /dev/null
+++ b/src/components/product_cart.tsx
@@ -0,0 +1,28 @@
+import "./stylesheets/product_listing.css";
+
+export default function ProductCart({ product }) {
+ return (
+ <div className="my-2 w-4/6 grid grid-cols-3 gap-2 border-2 border-gray-300">
+ <div className="col-span-2">
+ <img className="listing-image" src={product.picture} />
+ </div>
+ <div className="grid grid-rows-3">
+ <div className="product-listing-text text-2xl">
+ {product.name}
+ </div>
+ <div className="text-lg">
+ <span className="product-listing-text text-xl">
+ Precio unitario
+ </span>
+ {product.unitary_price}
+ </div>
+ <div className="text-lg">
+ <span className="product-listing-text text-xl">
+ Precio al por mayor
+ </span>
+ {product.bulk_price}
+ </div>
+ </div>
+ </div>
+ );
+} \ No newline at end of file