first commit

components/e-commerce/checkout/PromoCode.jsx

@@ -0,0 +1,34 @@
+'use client'
+
+import React, { useState } from "react";
+
+const PromoCode = () => {
+  const [click, setClick] = useState(false);
+  const handleClick = () => setClick(!click);
+
+  const handleSubmit = (event) => {
+    event.preventDefault();
+  };
+
+  return (
+    <div className="card">
+      <p className="card-header">
+        Have a promo code?{" "}
+        <button className="d-inline-block collapsed" onClick={handleClick}>
+          Click to enter your code.
+        </button>
+      </p>
+      <form
+        onClick={handleSubmit}
+        id="promo-code"
+        className={click ? "collapse show" : "collapse"}
+      >
+        <p>Please enter your promo code below.</p>
+        <input type="text" placeholder="Coupon code" />
+        <button className="theme-btn-seven">Apply coupon</button>
+      </form>
+    </div>
+  );
+};
+
+export default PromoCode;