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