From 21508a3514500f8f38ddaa8bef7a9cd420d76628 Mon Sep 17 00:00:00 2001
From: HombreLaser <sebastian-440@live.com>
Date: Mon, 22 May 2023 21:18:20 -0600
Subject: Añade carrito
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/product_cart.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/product_cart.tsx

(limited to 'src/components/product_cart.tsx')

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
-- 
cgit v1.2.3

