import {jsxs,jsx}from'react/jsx-runtime';import {RiErrorWarningFill}from'@react-icons/all-files/ri/RiErrorWarningFill.js';import {Separator}from'@admin-layout/tailwind-ui/shardui/separator.js';import GetStartedGuide from'../GetStarted/index.js';import TopArticle from'../TopArticles/index.js';import {config}from'../../../config/env-config.js';import {MdChevronRight}from'@react-icons/all-files/md/MdChevronRight.js';function Hosts() {
  const {
    APP_URL
  } = config;
  const guides = [{
    title: 'Getting Started',
    imageUrl: 'https://d1tsi4dpgrrap2.cloudfront.net/resortifi_help/help_enter_images/image7-01.jpg',
    link: '/help/docs/hosts-introduction-what-is-resortifi'
  }, {
    title: 'Optimizing your listing',
    imageUrl: 'https://d1tsi4dpgrrap2.cloudfront.net/resortifi_help/help_enter_images/young-cheerful-friends-smiling-laughing-relaxing-swimming-pool-2-01.jpg',
    link: '/help/docs/hosts-pool-listing-listing-and-amenities'
  }, {
    title: 'Getting protected through AirCover for Hosts',
    imageUrl: 'https://d1tsi4dpgrrap2.cloudfront.net/resortifi_help/help_enter_images/child-playing-tennis-outdoor-court-little-girl-with-tennis-racket-ball-sport-club-active-exercise-kids-01.jpg',
    link: '/help/docs/trust-safety-insurance-what-insurance-cover-resortifi-provides-to-the-hosts'
  }, {
    title: 'Changes, cancellations, and refunds',
    imageUrl: 'https://d1tsi4dpgrrap2.cloudfront.net/resortifi_help/help_enter_images/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel-01.jpg',
    link: '/help/docs/hosts-reservations-cancellations-canceling-your-reservation'
  }];
  const topArticles = [{
    title: 'Cancellation policies for your listing',
    link: '/help/docs/hosts-reservations-cancellations-cancellation-policies',
    description: 'Sometimes, things come up and guests have to cancel. To keep things running smoothly, you'
  }, {
    title: 'How cancellations work',
    link: '/help/docs/hosts-reservations-cancellations-cancellation-policies',
    description: "If the host cancels a stay before the day of check-in, you won't have the option to leave a"
  }, {
    title: 'Find the cancellation policy for your stay',
    link: '/help/docs/hosts-reservations-cancellations-find-the-cancellation-policy',
    description: 'Maybe you just need the peace of mind before booking, or perhaps you need to cancel right now.'
  }, {
    title: 'Edit your account settings',
    link: '/help/docs/hosts-instant-booking-how-can-i-edit-my-account-settings',
    description: 'Need to make a change or two? You can edit your account settings, as well as some information on'
  }, {
    title: 'Setting up your account',
    link: '/help/docs/hosts-account-management-how-can-i-create-my-account-on-resortifi-as-a-guest',
    description: 'Creating a Resortifi account is free and easy. Just go to Resortifi website and click Sign Up, or download '
  }, {
    title: 'Deactivating or deleting your account',
    link: '/help/docs/hosts-instant-booking-can-i-deactivate-or-delete-my-account',
    description: 'We would hate to see you go, but if you have decided to leave Resortifi, you have a couple of '
  }];
  return jsxs("div", {
    className: "pb-12",
    children: [jsxs("div", {
      className: "mb-10",
      children: [jsx("h2", {
        className: "text-2xl font-bold text-gray-900",
        children: "Recommended for you"
      }), jsxs("div", {
        className: "flex flex-wrap gap-6 mt-6",
        children: [jsxs("div", {
          className: "border border-gray-200 p-5 w-full max-w-[345px] rounded-[10px] bg-white shadow-sm",
          children: [jsxs("div", {
            children: [jsxs("div", {
              className: "flex items-center mb-5",
              children: [jsx(RiErrorWarningFill, {
                fill: "#c13515",
                className: "w-5 h-5 shrink-0"
              }), jsx("span", {
                className: "text-xs font-extrabold text-[#c13515] pl-1",
                children: "ACTION REQUIRED"
              })]
            }), jsx("h3", {
              className: "text-lg leading-6 font-semibold",
              children: "How would you like to get paid?"
            }), jsx("p", {
              className: "text-[#717171]",
              children: "You don't have an available payout method yet. Let's get one set up."
            }), jsx(Separator, {
              className: "my-3"
            })]
          }), jsx("div", {
            children: jsxs("a", {
              href: `${APP_URL}/account/payments`,
              target: "_blank",
              rel: "noreferrer",
              className: "text-sm font-semibold flex justify-between items-center text-[#3182ce] hover:text-blue-700",
              children: ["Add payout method", jsx(MdChevronRight, {
                size: 22
              })]
            })
          })]
        }), jsxs("div", {
          className: "border border-gray-200 p-5 w-full max-w-[345px] rounded-[10px] bg-white shadow-sm",
          children: [jsxs("div", {
            children: [jsx("span", {
              className: "text-xs font-extrabold text-[#717171]",
              children: "QUICK LINK"
            }), jsx("h3", {
              className: "text-lg leading-6 font-semibold",
              children: "Finding reservation details"
            }), jsx("p", {
              className: "text-[#717171]",
              children: "Find all your reservations, news, and to-do's in the My Reservations Page."
            }), jsx(Separator, {
              className: "my-3"
            })]
          }), jsx("div", {
            children: jsxs("a", {
              href: `${APP_URL}/my-reservations`,
              target: "_blank",
              rel: "noreferrer",
              className: "text-sm font-semibold flex justify-between items-center text-[#3182ce] hover:text-blue-700",
              children: ["Go to My Reservations", jsx(MdChevronRight, {
                size: 22
              })]
            })
          })]
        })]
      })]
    }), jsxs("div", {
      className: "mt-12",
      children: [jsxs("div", {
        className: "flex flex-wrap justify-between items-center mb-6",
        children: [jsx("h2", {
          className: "text-2xl font-bold text-gray-900",
          children: "Guides for Hosts"
        }), jsxs("a", {
          href: "/host",
          className: "text-sm font-semibold flex items-center gap-1 text-[#3182ce] hover:text-blue-700",
          children: ["Browse all topics ", jsx(MdChevronRight, {
            size: 22
          })]
        })]
      }), jsx("div", {
        className: "flex gap-6 flex-wrap justify-start",
        children: guides.map((guide, i) => jsx(GetStartedGuide, {
          link: guide.link,
          title: guide.title,
          imageUrl: guide.imageUrl
        }, i))
      })]
    }), jsxs("div", {
      className: "mt-12",
      children: [jsx("h2", {
        className: "text-2xl font-bold text-gray-900 mb-6",
        children: "Top articles"
      }), jsx("div", {
        className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-6",
        children: topArticles.map((article, i) => jsx(TopArticle, {
          link: article.link,
          title: article.title,
          description: article.description
        }, i))
      })]
    })]
  });
}export{Hosts as default};//# sourceMappingURL=Hosts.js.map
