'use client';
import{jsx as e}from"react/jsx-runtime";import{composeTypographyClassName as t,makeStyleResponsive as r,cls as p}from"@gem-sdk/core";import o from"./DesktopMenuItem.js";let l=({menu:l,height:m,arrow:n,textColor:a,menuTextColor:s,typography:f,typo:c,headerBg:g,menuBg:i,className:u,itemEnableHoverEffect:d,enableDropdownHoverEffect:x})=>{let h=l?.ROOT,y=t(c,f);return e("div",{className:p("gp-flex gp-flex-1 gp-items-center gp-justify-center gp-px-3",u),children:e("ul",{className:p("gp-flex gp-flex-wrap gp-justify-center",y),style:{...r("h",m)},children:h?.childrens?.map(t=>e(o,{id:t,menu:l,arrow:n,depth:0,maxDepth:2,menuTextColor:s,textColor:a,headerBg:g,menuBg:i,typography:f,typo:c,enableHoverEffect:d,enableDropdownHoverEffect:x},t))})})};export{l as default};
