import { computed } from 'vue';
import { useInjectMenu } from './useMenuContext.mjs';

function useDirectionStyle(level) {
  const { mode, rtl, inlineIndent } = useInjectMenu();
  return computed(
    () => mode.value !== "inline" ? null : rtl.value ? { paddingRight: `${level.value * inlineIndent.value}px` } : { paddingLeft: `${level.value * inlineIndent.value}px` }
  );
}

export { useDirectionStyle as default };
//# sourceMappingURL=useDirectionStyle.mjs.map
