@rc-component/menu/es/hooks/useDirectionStyle.js

menu ui component for react

import * as React from 'react';
import { MenuContext } from "../context/MenuContext";
export default function useDirectionStyle(level) {
  const {
    mode,
    rtl,
    inlineIndent
  } = React.useContext(MenuContext);
  if (mode !== 'inline') {
    return null;
  }
  const len = level;
  return rtl ? {
    paddingRight: len * inlineIndent
  } : {
    paddingLeft: len * inlineIndent
  };
}