import { jsxs, jsx } from "react/jsx-runtime";
import { useState, useRef, useEffect } from "react";
import { getAssetUrl } from "../../utils/assetBase.js";
import { findClient, CAROUSEL_IMAGES, CAROUSEL_IMAGES_TEXT, AGENTIC_USECASES } from "./constants.js";
import { Button } from "../Button/index.js";
import { Panel } from "../Panel/index.js";
/* empty css                     */
const BookDemoIcon = getAssetUrl("landingPageAssets/book-demo.svg");
const ConfigurationIcon = getAssetUrl("landingPageAssets/configuration_icon.svg");
const LaunchIcon = getAssetUrl("landingPageAssets/launch.svg");
function noop() {
}
function isLikelyImageSrc(logo) {
  const t = logo.trim();
  if (!t) return false;
  if (/^https?:\/\//i.test(t)) return true;
  if (t.startsWith("data:") || t.startsWith("blob:")) return true;
  if (t.startsWith("/")) return true;
  if (/\.(svg|png|webp|jpe?g|gif|avif)(\?[^#]*)?(#.*)?$/i.test(t)) return true;
  return false;
}
function HomePage({
  clientName = "",
  userName = "",
  toolKitItems = [],
  smartAiItems = [],
  configurationsMenuItems = [],
  activeToolKitItem: currentActiveToolKitItem = null,
  activeSmartAiItem: currentActiveSmartAiItem = null,
  onLaunchClick = noop,
  onBookDemoClick = noop,
  onViewReleasedNotesClick = noop,
  onConfigurationsClick = noop,
  onKnowMoreClick = noop,
  showConfigurationsButton = true,
  "data-testid": dataTestId
}) {
  const [activeToolKitItem, setActiveToolKitItem] = useState(
    currentActiveToolKitItem
  );
  const [activeSmartAiItem, setActiveSmartAiItem] = useState(
    currentActiveSmartAiItem
  );
  const [activeSmartAiItemIndex, setActiveSmartAiItemIndex] = useState(null);
  const [activeToolKitItemIndex, setActiveToolKitItemIndex] = useState(null);
  const [isConfigurationsMenuOpen, setIsConfigurationsMenuOpen] = useState(false);
  const [activeCarouselImage, setActiveCarouselImage] = useState(0);
  const [isAgenticUsecasesOpen, setIsAgenticUsecasesOpen] = useState(false);
  const [hoverAgenticUsecases, setHoverAgenticUsecases] = useState(null);
  const [width, setWidth] = useState(0);
  const intervalRef = useRef(null);
  const smartAiToolKitContentRef = useRef(null);
  const [activeClientLogo, setActiveClientLogo] = useState(null);
  const handleToolKitItemClick = (item, index) => {
    setActiveToolKitItem((prev) => prev === item ? null : item);
    const groupStartIndex = Math.floor(index / 3) * 3;
    setActiveToolKitItemIndex(groupStartIndex);
  };
  const handleSmartAiItemClick = (item, index) => {
    setActiveSmartAiItem((prev) => prev === item ? null : item);
    const groupStartIndex = Math.floor(index / 3) * 3;
    setActiveSmartAiItemIndex(groupStartIndex);
  };
  const handleClickOutside = (e) => {
    if (isConfigurationsMenuOpen && !e.target.closest(".configurations_menu_container") && !e.target.closest(".floating_btn_container")) {
      setIsConfigurationsMenuOpen(false);
    }
  };
  useEffect(() => {
    document.addEventListener("mousedown", handleClickOutside);
    return () => {
      document.removeEventListener("mousedown", handleClickOutside);
    };
  }, [isConfigurationsMenuOpen]);
  const startCarouselInterval = () => {
    if (intervalRef.current) {
      clearInterval(intervalRef.current);
    }
    intervalRef.current = setInterval(() => {
      setActiveCarouselImage((prev) => (prev + 1) % CAROUSEL_IMAGES.length);
    }, 1e3);
  };
  useEffect(() => {
    startCarouselInterval();
    return () => {
      if (intervalRef.current) {
        clearInterval(intervalRef.current);
      }
    };
  }, []);
  const handleCarouselImageClick = (index) => {
    setActiveCarouselImage(index);
    startCarouselInterval();
  };
  useEffect(() => {
    if (!smartAiToolKitContentRef.current) return;
    const observer = new ResizeObserver(([entry]) => {
      if (entry) setWidth(entry.contentRect.width);
    });
    observer.observe(smartAiToolKitContentRef.current);
    return () => {
      observer.disconnect();
    };
  }, []);
  useEffect(() => {
    if (clientName) {
      setActiveClientLogo(findClient(clientName));
    }
  }, [clientName]);
  return /* @__PURE__ */ jsxs("div", { className: "main_landingpage_container", "data-testid": dataTestId ?? "home-page", children: [
    /* @__PURE__ */ jsxs("div", { className: "left_panel", children: [
      /* @__PURE__ */ jsxs("div", { className: "left_panel_header", children: [
        /* @__PURE__ */ jsxs("div", { className: "left_section_header", children: [
          /* @__PURE__ */ jsx("div", { className: "left_section_IA_logo_container", children: /* @__PURE__ */ jsx(
            "img",
            {
              alt: "",
              className: "left_section_IA_logo_gif",
              decoding: "async",
              loading: "lazy",
              src: getAssetUrl("landingPageAssets/alan-gif.gif")
            }
          ) }),
          /* @__PURE__ */ jsxs("div", { className: "right_content_container", children: [
            /* @__PURE__ */ jsxs("div", { className: "right_content_title", children: [
              /* @__PURE__ */ jsxs("span", { className: "non_gradient_text", children: [
                "Welcome ",
                userName,
                "👋, Here's your toolkit powered by",
                " "
              ] }),
              /* @__PURE__ */ jsx("span", { className: "gradient_text", children: "Agentic AI" })
            ] }),
            /* @__PURE__ */ jsx("div", { className: "right_content_description", children: "Access your tools and explore new solutions to level up." })
          ] })
        ] }),
        /* @__PURE__ */ jsx("div", { className: "center_graidient_container" }),
        /* @__PURE__ */ jsx("div", { className: "center_image_container" }),
        /* @__PURE__ */ jsx("div", { className: "bottom_image_container" })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "left_panel_product_container", children: [
        /* @__PURE__ */ jsxs("div", { className: "tool_kit_container", children: [
          /* @__PURE__ */ jsxs("div", { className: "toolkit_header_container", children: [
            /* @__PURE__ */ jsx("div", { className: "common_header toolkit_header_icon", children: "Your tool kit 🧰" }),
            showConfigurationsButton && /* @__PURE__ */ jsx(
              Button,
              {
                className: "floating_btn_container",
                icon: /* @__PURE__ */ jsx("img", { alt: "configuration", src: ConfigurationIcon }),
                variant: "tertiary",
                onClick: () => {
                  setIsConfigurationsMenuOpen(!isConfigurationsMenuOpen);
                },
                children: "Configurations"
              }
            ),
            isConfigurationsMenuOpen && configurationsMenuItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "configurations_menu_container", children: configurationsMenuItems.map((item, index) => /* @__PURE__ */ jsxs(
              "div",
              {
                className: "configurations_menu_item",
                role: "button",
                tabIndex: 0,
                onClick: () => {
                  onConfigurationsClick(item);
                },
                onKeyDown: (e) => {
                  if (e.key === "Enter" || e.key === " ") onConfigurationsClick(item);
                },
                children: [
                  isLikelyImageSrc(item.logo) ? /* @__PURE__ */ jsx(
                    "img",
                    {
                      alt: "",
                      className: "configurations_menu_item_logo",
                      decoding: "async",
                      loading: "lazy",
                      role: "presentation",
                      src: item.logo
                    }
                  ) : /* @__PURE__ */ jsx(
                    "span",
                    {
                      "aria-hidden": true,
                      className: "configurations_menu_item_logo configurations_menu_item_logo_text",
                      children: item.logo
                    }
                  ),
                  /* @__PURE__ */ jsxs("div", { className: "configurations_menu_item_content", children: [
                    /* @__PURE__ */ jsx("span", { className: "configurations_menu_item_content_label", children: item.label }),
                    /* @__PURE__ */ jsx("span", { className: "configurations_menu_item_content_desc", children: item.desc })
                  ] })
                ]
              },
              index
            )) })
          ] }),
          /* @__PURE__ */ jsx("div", { className: "tool_kit_content", children: toolKitItems.map((item, index) => {
            var _a;
            return /* @__PURE__ */ jsxs(
              "div",
              {
                className: "tool_kit_item_container",
                style: { position: "relative", width: "32%" },
                children: [
                  /* @__PURE__ */ jsxs(
                    "div",
                    {
                      className: `tool_kit_item ${activeToolKitItem === item ? "tool_kit_item_active" : ""}`,
                      role: "button",
                      tabIndex: 0,
                      onClick: () => {
                        handleToolKitItemClick(item, index);
                      },
                      onKeyDown: (e) => {
                        if (e.key === "Enter" || e.key === " ") handleToolKitItemClick(item, index);
                      },
                      children: [
                        /* @__PURE__ */ jsx("div", { className: `tool_kit_item_icon ${item.name.replace(/\s+/g, "")}_icon`, children: item.name }),
                        /* @__PURE__ */ jsx("div", { className: "tool_kit_item_content", children: item.description }),
                        /* @__PURE__ */ jsx("div", { className: "url_container", children: /* @__PURE__ */ jsx(Button, { className: "url", variant: "url", onClick: noop, children: "View more" }) }),
                        /* @__PURE__ */ jsxs("div", { className: "top_cta_container", children: [
                          /* @__PURE__ */ jsx("div", { className: "left_curve_container" }),
                          /* @__PURE__ */ jsx("div", { className: "right_curve_container" }),
                          /* @__PURE__ */ jsx(
                            Button,
                            {
                              className: "primary_btn",
                              icon: /* @__PURE__ */ jsx("img", { alt: "Launch", src: LaunchIcon }),
                              variant: "primary",
                              onClick: () => {
                                onLaunchClick(item);
                              },
                              children: item.cta ?? "Launch"
                            }
                          )
                        ] }),
                        /* @__PURE__ */ jsx("div", { className: "arrow_chevron_container", children: /* @__PURE__ */ jsx("div", { className: "arrow_chevron" }) })
                      ]
                    }
                  ),
                  activeToolKitItemIndex === index && /* @__PURE__ */ jsxs(
                    "div",
                    {
                      className: `know_more_container ms_km_container ${activeToolKitItem === null ? "ms_km_container_hidden" : ""} tool_kit_know_more_container`,
                      "data-testid": "toolkit-know-more",
                      style: { width: `${width}px` },
                      children: [
                        /* @__PURE__ */ jsx(
                          "div",
                          {
                            className: "close_icon",
                            role: "button",
                            tabIndex: 0,
                            onClick: () => {
                              setActiveToolKitItem(null);
                            },
                            onKeyDown: (e) => {
                              if (e.key === "Enter" || e.key === " ") setActiveToolKitItem(null);
                            }
                          }
                        ),
                        /* @__PURE__ */ jsxs("div", { className: "km_heading_container", children: [
                          /* @__PURE__ */ jsx(
                            "div",
                            {
                              className: `know_more_container_heading ${activeToolKitItem == null ? void 0 : activeToolKitItem.name.replace(/\s+/g, "")}_icon`,
                              children: activeToolKitItem == null ? void 0 : activeToolKitItem.name
                            }
                          ),
                          /* @__PURE__ */ jsx("div", { className: "tick_mark_enabled", children: "Access Enabled" })
                        ] }),
                        /* @__PURE__ */ jsx("p", { className: "km_description", children: activeToolKitItem == null ? void 0 : activeToolKitItem.details }),
                        /* @__PURE__ */ jsx("div", { className: "km_folder_container", children: (_a = activeToolKitItem == null ? void 0 : activeToolKitItem.folderContent) == null ? void 0 : _a.map((folderItem, folderIndex) => /* @__PURE__ */ jsxs("div", { className: "km_folder_item", children: [
                          /* @__PURE__ */ jsx("div", { className: "km_bulb_icon" }),
                          /* @__PURE__ */ jsx("div", { className: "km_folder_content", children: folderItem })
                        ] }, folderIndex)) }),
                        /* @__PURE__ */ jsx("div", { className: "launch_button_container", children: /* @__PURE__ */ jsx(
                          Button,
                          {
                            icon: /* @__PURE__ */ jsx("img", { alt: "Launch", src: LaunchIcon }),
                            variant: "secondary",
                            onClick: () => {
                              if (activeToolKitItem) onLaunchClick(activeToolKitItem);
                            },
                            children: (activeToolKitItem == null ? void 0 : activeToolKitItem.cta) ?? "Launch"
                          }
                        ) })
                      ]
                    }
                  )
                ]
              },
              index
            );
          }) })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "tool_kit_container smart_ai_tool_container", children: [
          /* @__PURE__ */ jsx("div", { className: "common_header toolkit_header_icon", children: "Explore our smart Ai driven solutions 💡" }),
          /* @__PURE__ */ jsx("div", { ref: smartAiToolKitContentRef, className: "tool_kit_content", children: smartAiItems.map((item, index) => {
            var _a;
            return /* @__PURE__ */ jsxs("div", { className: "tool_kit_item_container", children: [
              /* @__PURE__ */ jsxs(
                "div",
                {
                  className: `tool_kit_item ${activeSmartAiItem === item ? "tool_kit_item_active" : ""}`,
                  role: "button",
                  tabIndex: 0,
                  onClick: () => {
                    handleSmartAiItemClick(item, index);
                  },
                  onKeyDown: (e) => {
                    if (e.key === "Enter" || e.key === " ") handleSmartAiItemClick(item, index);
                  },
                  children: [
                    /* @__PURE__ */ jsx("div", { className: `tool_kit_item_icon ${item.name.replace(/\s+/g, "")}_icon`, children: item.name }),
                    /* @__PURE__ */ jsx("div", { className: "tool_kit_item_content", children: item.description }),
                    /* @__PURE__ */ jsx("div", { className: "url_container", children: /* @__PURE__ */ jsx(Button, { className: "url", variant: "url", onClick: noop, children: "View more" }) }),
                    /* @__PURE__ */ jsxs("div", { className: "top_cta_container", children: [
                      /* @__PURE__ */ jsx("div", { className: "left_curve_container" }),
                      /* @__PURE__ */ jsx("div", { className: "right_curve_container" }),
                      /* @__PURE__ */ jsx(
                        Button,
                        {
                          variant: "tertiary",
                          onClick: () => {
                            onBookDemoClick(item);
                          },
                          children: item.cta ?? "Book demo"
                        }
                      )
                    ] }),
                    /* @__PURE__ */ jsx("div", { className: "arrow_chevron_container", children: /* @__PURE__ */ jsx("div", { className: "arrow_chevron" }) }),
                    item.isNewProduct && /* @__PURE__ */ jsx("div", { className: "bottom_ribbon_container", children: /* @__PURE__ */ jsx("span", { children: "New" }) })
                  ]
                }
              ),
              activeSmartAiItemIndex === index && /* @__PURE__ */ jsxs(
                "div",
                {
                  className: `know_more_container ms_km_container ${activeSmartAiItem === null ? "ms_km_container_hidden" : ""}`,
                  "data-testid": "smartai-know-more",
                  style: { width: `${width}px` },
                  children: [
                    /* @__PURE__ */ jsx(
                      "div",
                      {
                        className: "close_icon",
                        role: "button",
                        tabIndex: 0,
                        onClick: () => {
                          setActiveSmartAiItem(null);
                        },
                        onKeyDown: (e) => {
                          if (e.key === "Enter" || e.key === " ") setActiveSmartAiItem(null);
                        }
                      }
                    ),
                    /* @__PURE__ */ jsx("div", { className: "km_heading_container", children: /* @__PURE__ */ jsx(
                      "div",
                      {
                        className: `know_more_container_heading ${activeSmartAiItem == null ? void 0 : activeSmartAiItem.name.replace(/\s+/g, "")}_icon`,
                        children: activeSmartAiItem == null ? void 0 : activeSmartAiItem.name
                      }
                    ) }),
                    /* @__PURE__ */ jsx("p", { className: "km_description", children: activeSmartAiItem == null ? void 0 : activeSmartAiItem.details }),
                    /* @__PURE__ */ jsx("div", { className: "km_folder_container", children: (_a = activeSmartAiItem == null ? void 0 : activeSmartAiItem.folderContent) == null ? void 0 : _a.map((folderItem, folderIndex) => /* @__PURE__ */ jsxs("div", { className: "km_folder_item", children: [
                      /* @__PURE__ */ jsx("div", { className: "km_bulb_icon" }),
                      /* @__PURE__ */ jsx("div", { className: "km_folder_content", children: folderItem })
                    ] }, folderIndex)) }),
                    /* @__PURE__ */ jsx("div", { className: "launch_button_container", children: /* @__PURE__ */ jsx(
                      Button,
                      {
                        className: "url",
                        variant: "url",
                        onClick: () => {
                          if (activeSmartAiItem) onKnowMoreClick(activeSmartAiItem);
                        },
                        children: (activeSmartAiItem == null ? void 0 : activeSmartAiItem.cta) ?? "Know more"
                      }
                    ) })
                  ]
                }
              )
            ] }, index);
          }) })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "right_panel", children: [
      (activeClientLogo == null ? void 0 : activeClientLogo.image) && /* @__PURE__ */ jsx("div", { className: "client_logo_container", "data-testid": "client-logo", children: /* @__PURE__ */ jsx(
        "img",
        {
          alt: activeClientLogo.name || "client-logo",
          className: "impact_client_logo_image",
          decoding: "async",
          loading: "lazy",
          src: activeClientLogo.image
        }
      ) }),
      /* @__PURE__ */ jsxs("div", { className: "right_panel_content", children: [
        /* @__PURE__ */ jsxs("div", { className: "smart_pf_panel_container", children: [
          /* @__PURE__ */ jsx("div", { className: "top_text_container", children: /* @__PURE__ */ jsx("div", { className: "gradient_text", children: "IA Smart Platform" }) }),
          /* @__PURE__ */ jsxs("div", { className: "bottom_cards_container", children: [
            /* @__PURE__ */ jsxs("div", { className: "card_ia ", children: [
              /* @__PURE__ */ jsx("div", { className: "left_image_container multi_level_planning", children: /* @__PURE__ */ jsx(
                "img",
                {
                  alt: "",
                  className: "landing_card_gif",
                  decoding: "async",
                  loading: "lazy",
                  src: getAssetUrl("landingPageAssets/multi-level.gif")
                }
              ) }),
              /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Multi-Level Planning: " }),
                "Generate Optimized plans across product hierarchies"
              ] })
            ] }),
            /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
              /* @__PURE__ */ jsx("div", { className: "left_image_container strategic_objective", children: /* @__PURE__ */ jsx(
                "img",
                {
                  alt: "",
                  className: "landing_card_gif",
                  decoding: "async",
                  loading: "lazy",
                  src: getAssetUrl("landingPageAssets/strategic-objectives.gif")
                }
              ) }),
              /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "Strategic Objectives: " }),
                "Define and align goals across organizational levels"
              ] })
            ] }),
            /* @__PURE__ */ jsxs("div", { className: "card_ia", children: [
              /* @__PURE__ */ jsx("div", { className: "left_image_container ai_ml_powered", children: /* @__PURE__ */ jsx(
                "img",
                {
                  alt: "",
                  className: "landing_card_gif",
                  decoding: "async",
                  loading: "lazy",
                  src: getAssetUrl("landingPageAssets/aiml.gif")
                }
              ) }),
              /* @__PURE__ */ jsxs("div", { className: "right_content_container_card", children: [
                /* @__PURE__ */ jsx("span", { className: "ia_card_heading_txt", children: "AI/ML Powered: " }),
                "Advanced analytics and intelligent automation"
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "latest_updates_container", children: [
          /* @__PURE__ */ jsx("div", { className: "latest_updates_header", children: "Latest Updates" }),
          /* @__PURE__ */ jsx("div", { className: "latest_updates_content", children: "New features and improvements are now available" }),
          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: onViewReleasedNotesClick, children: "View released notes" })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "smart_agent_studio_container", children: [
          /* @__PURE__ */ jsx("div", { className: "smart_agent_pf_headiing", children: "SmartAgent Studio Platform" }),
          /* @__PURE__ */ jsxs("div", { className: "carousel_main_container", "data-testid": "carousel", children: [
            /* @__PURE__ */ jsx("div", { className: "video_container", children: CAROUSEL_IMAGES.map((image, index) => /* @__PURE__ */ jsxs(
              "div",
              {
                className: `carousel_slide ${index === activeCarouselImage ? "carousel_slide_active" : ""}`,
                children: [
                  /* @__PURE__ */ jsx(
                    "img",
                    {
                      alt: `carousel-${index}`,
                      className: "carousel_image",
                      decoding: "async",
                      loading: index === 0 ? "eager" : "lazy",
                      src: image
                    }
                  ),
                  /* @__PURE__ */ jsx("span", { className: "video_text", children: CAROUSEL_IMAGES_TEXT[index] })
                ]
              },
              index
            )) }),
            /* @__PURE__ */ jsx("div", { className: "carousel_dot_container", children: CAROUSEL_IMAGES.map((_, index) => /* @__PURE__ */ jsx(
              "div",
              {
                className: `carousel_dot ${index === activeCarouselImage ? "dot_active" : ""}`,
                role: "button",
                tabIndex: 0,
                onClick: () => {
                  handleCarouselImageClick(index);
                },
                onKeyDown: (e) => {
                  if (e.key === "Enter" || e.key === " ") handleCarouselImageClick(index);
                }
              },
              index
            )) })
          ] }),
          /* @__PURE__ */ jsx("div", { className: "agentic_usecases_container", children: /* @__PURE__ */ jsx(
            Button,
            {
              icon: /* @__PURE__ */ jsx("img", { alt: "book-demo", src: BookDemoIcon }),
              variant: "tertiary",
              onClick: () => {
                setIsAgenticUsecasesOpen(true);
              },
              children: "Find Agentic Usecases"
            }
          ) }),
          /* @__PURE__ */ jsx(
            Panel,
            {
              anchor: "right",
              className: "agentic_usecases_panel",
              open: isAgenticUsecasesOpen,
              setIsOpen: setIsAgenticUsecasesOpen,
              size: "large",
              title: "Agentic Usecases",
              onClose: () => {
                setIsAgenticUsecasesOpen(false);
              },
              children: /* @__PURE__ */ jsx("div", { className: "agentic_usecases_panel_content", children: AGENTIC_USECASES.map((item, index) => /* @__PURE__ */ jsxs("div", { className: "agentic_usecases_panel_content_item_container", children: [
                /* @__PURE__ */ jsx(
                  Button,
                  {
                    className: "agentic_usecases_panel_content_item_button",
                    variant: "tertiary",
                    onClick: () => {
                      onBookDemoClick(item);
                    },
                    children: "Book demo"
                  }
                ),
                /* @__PURE__ */ jsxs(
                  "div",
                  {
                    className: "agentic_usecases_panel_content_item",
                    style: {
                      backgroundColor: item.background,
                      borderColor: hoverAgenticUsecases === item ? item.borderColor : "transparent",
                      backgroundImage: `url(${item.backgroundImage}), url(${item.backgroundImage}), url(${item.backgroundImage})`,
                      backgroundRepeat: "no-repeat",
                      backgroundSize: "44px",
                      backgroundPosition: "right 35px top 15px, top -28px right 4px, top 29px right -14px"
                    },
                    onMouseEnter: () => {
                      setHoverAgenticUsecases(item);
                    },
                    onMouseLeave: () => {
                      setHoverAgenticUsecases(null);
                    },
                    children: [
                      /* @__PURE__ */ jsx(
                        "img",
                        {
                          alt: item.name,
                          className: "agentic_usecases_panel_content_item_image",
                          decoding: "async",
                          loading: "lazy",
                          src: item.image
                        }
                      ),
                      /* @__PURE__ */ jsxs("div", { className: "agentic_usecases_panel_content_item_content", children: [
                        /* @__PURE__ */ jsx("span", { className: "agentic_usecases_panel_content_item_name", children: item.name }),
                        /* @__PURE__ */ jsx("span", { className: "agentic_usecases_panel_content_item_description", children: item.description })
                      ] })
                    ]
                  }
                )
              ] }, index)) })
            }
          )
        ] })
      ] })
    ] })
  ] });
}
HomePage.displayName = "HomePage";
export {
  HomePage
};
