1  export default function Tabs({setTab, cart}) {
 2      return (
 3          
 4          <div className="tab-section p-10 sm:px-20 sm:py-10 pb-1 text-center flex flex-col gap-2 items-center">
 5              <div className="space-y-1">
 6                  <h1 className="text-2xl sm:text-3xl">Premium Digital Tools</h1>
 7                  <p className="sm:px-20
 8  lg:px-50 font-light text-sm sm:text-md text-gray">Choose from our curated collection of premium digital products designed
 9                  to boost your productivity and creativity</p>
10              </div>
11              
12              <div className="tabs tabs-sm sm:tabs-md tabs-box">
13                  <input type="radio" name="product-tabs" className="tab rounded-full px-4 sm:py-2 font-bold" onClick={() => setTab('products')} aria-label="Products" defaultChecked />
14                  <input type="radio" name="product-tabs" className="tab rounded-full px-4 sm:py-2 font-bold" onClick={() => setTab('cart')} aria-label={ "Cart" + (cart.length ? ` (${cart.length})` : "") }/>
15              </div>
16              
17          </div>
18  
19      );
20  };