From d52f7ced6574a3bed910e1f4eea599d1600aa1c3 Mon Sep 17 00:00:00 2001
From: "DESKTOP-BC3NEC6\\chiefsoft" <works@chiefsoft.com>
Date: Wed, 15 Feb 2023 21:11:59 -0500
Subject: [PATCH] subcriptiton top

---
 .../Subscriptions/SubScriptionTop.jsx         | 36 +++++++++++++++++++
 src/components/Subscriptions/index.jsx        |  3 +-
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 src/components/Subscriptions/SubScriptionTop.jsx

diff --git a/src/components/Subscriptions/SubScriptionTop.jsx b/src/components/Subscriptions/SubScriptionTop.jsx
new file mode 100644
index 0000000..7e8448d
--- /dev/null
+++ b/src/components/Subscriptions/SubScriptionTop.jsx
@@ -0,0 +1,36 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+export default function SubScriptionTop({ className }) {
+  return (
+    <div
+      className={`create-nft w-full lg:h-[140px] shadow lg:flex rounded-lg justify-between items-center  md:p-9 p-4 bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29] -2 border-pink mb-10 ${
+        className || ""
+      }`}
+    >
+      <div className="lg:w-8/12 w-full mb-8 lg:mb-0">
+        <h1 className="text-2xl text-dark-gray dark:text-white font-bold mb-2">
+         Some how we will say the name of uout current Subscription 
+        </h1>
+        <p className="text-base text-thin-light-gray tracking-wide">
+          Last paymant date + nect pay day 
+        </p>
+      </div>
+      <div className="flex-1 flex lg:justify-end">
+        <div className="flex items-center space-x-5">
+          <Link
+            to="#"
+            className="w-40 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
+          >
+            Some actions
+          </Link>
+          <Link to="#" className="text-dark-gray dark:text-white text-base">
+            <span className=" border-b dark:border-[#5356fb29]  border-dark-gray font-medium">
+              terms and conditions 
+            </span>
+          </Link>
+        </div>
+      </div>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/components/Subscriptions/index.jsx b/src/components/Subscriptions/index.jsx
index b1820b8..7de495b 100644
--- a/src/components/Subscriptions/index.jsx
+++ b/src/components/Subscriptions/index.jsx
@@ -8,13 +8,14 @@ import CurrentBalanceWidget from "../MyWallet/CurrentBalanceWidget";
 import Layout from "../Partials/Layout";
 //import SellAnaliseStatics from "./SellAnaliseStatics";
 import SellProductHistoryTable from "./SellProductHistoryTable";
-
+import SubScriptionTop from "./SubScriptionTop";
 
 import PricingListTable from "./PricingListTable";
 export default function Subscriptions() {
   return (
     <>
       <Layout>
+        <SubScriptionTop />
         <div className="sell-page-wrapper w-full mb-10">
           <div className="main-wrapper w-full">
             <div className="current_balance-bit-sell-widget w-full lg:h-[436px] mb-11">