import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {Link}from'@remix-run/react';import {getHelpSectionsByAudience}from'../utils/markdownLoader.js';function GuestsFeature() {
  const [sections, setSections] = useState([]);
  useEffect(() => {
    getHelpSectionsByAudience('Guests').then(setSections);
  }, []);
  if (sections.length === 0) return null;
  return jsx("div", {
    className: "columns-1 gap-x-12 gap-y-8 lg:columns-2 [&>section]:break-inside-avoid",
    children: sections.map((value, index) => jsxs("section", {
      className: "section mb-8",
      children: [jsx("h2", {
        className: "section-tree-title text-gray-900 font-bold text-base mb-3",
        children: value.titleUrl ? jsx("a", {
          href: value.titleUrl,
          children: value.title
        }) : jsx("span", {
          children: value.title
        })
      }), jsx("ul", {
        className: "article-list list-none p-0 m-0 space-y-2",
        children: value.dataBody.map((item, idx) => jsx("li", {
          className: "article-list-item border-l-2 border-l-primary pl-3 py-0.5",
          children: jsx(Link, {
            className: "article-list-link text-foreground hover:text-primary",
            to: item.linkUrl,
            children: item.linkName
          })
        }, idx))
      })]
    }, `${value.title}-${index}`))
  });
}export{GuestsFeature as default};//# sourceMappingURL=GuestsFeature.js.map
