import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {LoginForm}from'../../Modals/LoginForm.js';function ResortifiHelp() {
  const [isOpen, setIsOpen] = useState(false);
  const [modelTitle, setModelTitle] = useState('');
  const [registering, setRegistering] = useState(false);
  const handleLogin = () => {
    setModelTitle('Login');
    setRegistering(false);
    setIsOpen(true);
  };
  const handleSignup = () => {
    setRegistering(true);
    setModelTitle('Sign Up');
    setIsOpen(true);
  };
  const onClose = () => setIsOpen(false);
  return jsxs("div", {
    className: "w-full",
    children: [jsxs("div", {
      className: "w-full max-w-3xl",
      children: [jsx("h2", {
        className: "text-3xl md:text-4xl font-bold text-gray-900",
        children: "Resortifi Help Center"
      }), jsx("p", {
        className: "text-lg md:text-xl leading-relaxed text-gray-600 mt-4",
        children: "We are here to Help find the best places for your vacation, we're glad when you have your best moments with us. Get help with your reservations, account, and more."
      }), jsxs("p", {
        className: "text-lg mt-3 text-gray-900",
        children: [jsx("button", {
          type: "button",
          className: "underline text-[#3182ce] hover:text-blue-700 font-medium",
          onClick: handleLogin,
          children: "Log In"
        }), ' ', "or", ' ', jsx("button", {
          type: "button",
          className: "underline text-[#3182ce] hover:text-blue-700 font-medium",
          onClick: handleSignup,
          children: "Sign Up"
        }), ' ', "for personalized support"]
      })]
    }), modelTitle === 'Sign Up' ? jsx(LoginForm, {
      initRef: null,
      fromUrl: "",
      isRegistering: true,
      modelTitle: modelTitle,
      onClose: onClose,
      isOpen: isOpen
    }) : modelTitle === 'Login' ? jsx(LoginForm, {
      initRef: null,
      fromUrl: "",
      isRegistering: false,
      modelTitle: modelTitle,
      onClose: onClose,
      isOpen: isOpen
    }) : null]
  });
}export{ResortifiHelp as default};//# sourceMappingURL=index.js.map
