import React from "react";
import AdBlock from "./AdBlock";
import OfferBlock from "./OfferBlock";
import AffiliateBlock from "./AffiliateBlock";

const TabletAdSection = () => {
  return (
    <div className="hidden lg:flex xl:hidden flex-col mt-8 pt-6 border-t border-gray-200 dark:border-gray-700">
      <h3 className="text-sm font-medium text-gray-600 dark:text-gray-600 mb-4 text-center">
        Sponsored
      </h3>
      <div className="flex justify-center gap-4 overflow-x-auto pb-4">
        <div className="flex-shrink-0">
          <AdBlock
            adKey="7c55aebcdd74f6e9a8dc24bd13e7d949"
            adDomain="downconvenientmagnetic.com"
          />
        </div>
        <div className="flex-shrink-0">
          <OfferBlock />
        </div>
        <div className="flex-shrink-0">
          <AffiliateBlock />
        </div>
      </div>
    </div>
  );
};

export default TabletAdSection;