{"version":3,"file":"use-menu-color.mjs","names":[],"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    return color ? new TinyColor(color).shade(20).toString() : ''\n  })\n  return menuBarColor\n}\n"],"mappings":";;;;AAKA,SAAwB,aAAa,OAAkB;AAKrD,QAJqB,eAAe;EAClC,MAAM,QAAQ,MAAM;AACpB,SAAO,QAAQ,IAAI,UAAU,MAAM,CAAC,MAAM,GAAG,CAAC,UAAU,GAAG;GAC3D"}