import {jsxs,jsx}from'react/jsx-runtime';import {Tabs,TabsList,TabsTrigger,TabsContent}from'@admin-layout/tailwind-ui/shardui/tabs.js';import ResortifiHelp from'./ResortifiHelp/index.js';import Hosts from'./Navagation/Hosts.js';import ExploreMore from'./ExploreMore/index.js';import Guests from'./Navagation/Guest.js';import Neighbors from'./Navagation/Neighbor.js';import TrustAndSaftey from'./Navagation/TrustAndSaftey.js';import {HelpCenterSearch}from'../HelpCenterSearch.js';function Help3() {
  return jsxs("div", {
    className: "w-full",
    children: [jsxs("div", {
      className: "flex flex-col items-center justify-center w-full min-h-[350px] py-16 mb-16 bg-no-repeat bg-cover bg-center",
      style: {
        backgroundImage: `url(https://d2y5r4woy782r8.cloudfront.net/eyJidWNrZXQiOiJwdWJuZ28tZGV2Iiwia2V5IjoiX3NpdGUvYmFja2dyb3VuZC5wbmcifQ==)`
      },
      children: [jsx("h1", {
        className: "text-4xl md:text-5xl font-bold text-gray-800 mb-6 text-center px-4",
        children: "Hi, how can we help?"
      }), jsx(HelpCenterSearch, {
        onSearch: () => {}
      })]
    }), jsxs("div", {
      className: "max-w-[1246px] mx-auto px-4 sm:px-6 md:px-10 lg:px-16",
      children: [jsx(ResortifiHelp, {}), jsxs(Tabs, {
        defaultValue: "hosts",
        className: "w-full mt-8",
        children: [jsxs(TabsList, {
          className: "w-full grid grid-cols-4 h-auto p-0 bg-transparent rounded-none border-b border-gray-200 gap-0",
          children: [jsx(TabsTrigger, {
            value: "hosts",
            className: "rounded-none border-b-2 border-transparent data-[state=active]:border-blue-600 data-[state=active]:text-gray-900 data-[state=active]:shadow-none px-6 py-3 text-base font-semibold text-gray-600 hover:text-gray-900 bg-transparent",
            children: "Hosts"
          }), jsx(TabsTrigger, {
            value: "guests",
            className: "rounded-none border-b-2 border-transparent data-[state=active]:border-blue-600 data-[state=active]:text-gray-900 data-[state=active]:shadow-none px-6 py-3 text-base font-semibold text-gray-600 hover:text-gray-900 bg-transparent",
            children: "Guests"
          }), jsx(TabsTrigger, {
            value: "neighbors",
            className: "rounded-none border-b-2 border-transparent data-[state=active]:border-blue-600 data-[state=active]:text-gray-900 data-[state=active]:shadow-none px-6 py-3 text-base font-semibold text-gray-600 hover:text-gray-900 bg-transparent",
            children: "Neighbors"
          }), jsx(TabsTrigger, {
            value: "trust",
            className: "rounded-none border-b-2 border-transparent data-[state=active]:border-blue-600 data-[state=active]:text-gray-900 data-[state=active]:shadow-none px-6 py-3 text-base font-semibold text-gray-600 hover:text-gray-900 bg-transparent",
            children: "Trust & Saftey"
          })]
        }), jsx(TabsContent, {
          value: "hosts",
          className: "mt-0 pt-8",
          children: jsx(Hosts, {})
        }), jsx(TabsContent, {
          value: "guests",
          className: "mt-0 pt-8",
          children: jsx(Guests, {})
        }), jsx(TabsContent, {
          value: "neighbors",
          className: "mt-0 pt-8",
          children: jsx(Neighbors, {})
        }), jsx(TabsContent, {
          value: "trust",
          className: "mt-0 pt-8",
          children: jsx(TrustAndSaftey, {})
        })]
      })]
    }), jsx(ExploreMore, {})]
  });
}export{Help3 as default};//# sourceMappingURL=index.js.map
