{"version":3,"file":"use-menu-css-var.mjs","names":[],"sources":["../../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps, level: number) => {\n  const ns = useNamespace('menu')\n  return computed(() =>\n    ns.cssVarBlock({\n      'text-color': props.textColor || '',\n      'hover-text-color': props.textColor || '',\n      'bg-color': props.backgroundColor || '',\n      'hover-bg-color': useMenuColor(props).value || '',\n      'active-color': props.activeTextColor || '',\n      level: `${level}`,\n    })\n  )\n}\n"],"mappings":";;;;;AAMA,MAAa,iBAAiB,OAAkB,UAAkB;CAChE,MAAM,KAAK,aAAa,OAAO;AAC/B,QAAO,eACL,GAAG,YAAY;EACb,cAAc,MAAM,aAAa;EACjC,oBAAoB,MAAM,aAAa;EACvC,YAAY,MAAM,mBAAmB;EACrC,kBAAkB,aAAa,MAAM,CAAC,SAAS;EAC/C,gBAAgB,MAAM,mBAAmB;EACzC,OAAO,GAAG;EACX,CAAC,CACH"}