wallet format

src/components/MyWallet/Balance.jsx

@@ -8,12 +8,23 @@ import LoadingSpinner from '../Spinners/LoadingSpinner'
 function Balance({wallet, coupon}) {
     return (
         <div className="content-wrapper">
+            {/* heading */}
+            <div className="sm:flex justify-between items-center mb-6">
+                <div className="mb-5 sm:mb-0">
+                    <h1 className="text-26 font-bold   text-dark-gray dark:text-white">
+                        Wallet
+                    </h1>
+                </div>
+                <div className="slider-btns flex space-x-4">
+
+                </div>
+            </div>
             <div className='w-full lg:flex xl:space-x-8 lg:space-x-4 bottomMargin'>
                 {/* WALLET SECTION */}
                 <div className="lg:w-4/4 w-full mb-10 lg:mb-0">
                     <div className="wallet w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white rounded-2xl shadow">
                         <div className='flex items-baseline justify-between'>
-                            <h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>
+                            {/*<h2 className='text-slate-900 dark:text-white text-xl lg:text-2xl font-medium'>Wallet</h2>*/}
                             {/*<p className='text-base text-slate-500 dark:text-white'>Add New Wallet</p>*/}
                         </div>
                         {/* wallet balance */}