{"version":3,"file":"use-menu-color.mjs","sources":["../../../../../packages/components/menu/src/use-menu-color.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { TinyColor } from '@ctrl/tinycolor'\n\nimport type { MenuProps } from './menu'\n\nexport default function useMenuColor(props: MenuProps) {\n  const menuBarColor = computed(() => {\n    const color = props.backgroundColor\n    if (!color) {\n      return ''\n    } else {\n      return new TinyColor(color).shade(20).toString()\n    }\n  })\n  return menuBarColor\n}\n"],"names":[],"mappings":";;;AAKA,SAAwB,aAAa,KAAkB,EAAA;AACrD,EAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,IAAA,MAAM,QAAQ,KAAM,CAAA,eAAA,CAAA;AACpB,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,EAAA,CAAA;AAAA,KACF,MAAA;AACL,MAAA,OAAO,IAAI,SAAU,CAAA,KAAK,EAAE,KAAM,CAAA,EAAE,EAAE,QAAS,EAAA,CAAA;AAAA,KACjD;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,YAAA,CAAA;AACT;;;;"}