'use strict';
'use client';
import { jsx } from 'react/jsx-runtime';
import { TopMenuGroup } from './top-menu-group/TopMenuGroup.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function TopMenu({
  groups
}) {
  const memoGroups = groups.map(group => /* @__PURE__ */jsx(TopMenuGroup, {
    group
  }, group.groupName));
  return /* @__PURE__ */jsx("nav", {
    children: /* @__PURE__ */jsx("ul", {
      className: "flex w-52 flex-row justify-between gap-10",
      children: memoGroups
    })
  });
}
__name(TopMenu, "TopMenu");

export { TopMenu };
