{"version":3,"file":"use-menu-css-var.mjs","sources":["../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps) => {\n  return computed(() => {\n    return {\n      '--el-menu-text-color': props.textColor || '',\n      '--el-menu-hover-text-color': props.textColor || '',\n      '--el-menu-bg-color': props.backgroundColor || '',\n      '--el-menu-hover-bg-color': useMenuColor(props).value || '',\n      '--el-menu-active-color': props.activeTextColor || '',\n    }\n  })\n}\n"],"names":[],"mappings":";;;AAKa,MAAA,aAAA,GAAgB,CAAC,KAAqB,KAAA;AACjD,EAAA,OAAO,SAAS,MAAM;AACpB,IAAO,OAAA;AAAA,MACL,sBAAA,EAAwB,MAAM,SAAa,IAAA,EAAA;AAAA,MAC3C,4BAAA,EAA8B,MAAM,SAAa,IAAA,EAAA;AAAA,MACjD,oBAAA,EAAsB,MAAM,eAAmB,IAAA,EAAA;AAAA,MAC/C,0BAA4B,EAAA,YAAA,CAAa,KAAK,CAAA,CAAE,KAAS,IAAA,EAAA;AAAA,MACzD,wBAAA,EAA0B,MAAM,eAAmB,IAAA,EAAA;AAAA,KACrD,CAAA;AAAA,GACD,CAAA,CAAA;AACH;;;;"}