import { computed } from 'vue';
import { TinyColor } from '@ctrl/tinycolor';

function useMenuColor(props) {
  const menuBarColor = computed(() => {
    const color = props.backgroundColor;
    return color ? new TinyColor(color).shade(20).toString() : "";
  });
  return menuBarColor;
}

export { useMenuColor as default };
//# sourceMappingURL=use-menu-color.mjs.map