@farjs/ui/src/menu/BottomMenu.mjs

Terminal UI React.js components library

import React from "react";
import WithSize from "../WithSize.mjs";
import BottomMenuView from "./BottomMenuView.mjs";

const h = React.createElement;

/**
 * @typedef {{
 *  readonly items: readonly string[];
 * }} BottomMenuProps
 */

/**
 * @param {BottomMenuProps} props
 */
const BottomMenu = (props) => {
  const { withSizeComp, bottomMenuViewComp } = BottomMenu;

  return h(withSizeComp, {
    render: (width) => {
      return h(bottomMenuViewComp, {
        width: width,
        items: props.items,
      });
    },
  });
};

BottomMenu.displayName = "BottomMenu";
BottomMenu.withSizeComp = WithSize;
BottomMenu.bottomMenuViewComp = BottomMenuView;

export default BottomMenu;