irisrad-ui/src/components/irisMenu/IrisMenu.js

UI elements developered for IRIS R&D Group Inc

import React, { useEffect, useRef } from "react";
import "../../style/styles.css";

const LIST_BASE_STYLE = "iris-list";

export function IrisMenu({ children, className = "", ...props }) {
  // handle click elsewhere to hide the

  const classes = [LIST_BASE_STYLE];
  const listRef = useRef();

  if (typeof className === "string" && className !== "") {
    classes.push(className);
  }

  return (
    <ul ref={listRef} className={classes.join(" ")} {...props}>
      {children}
    </ul>
  );
}

export function IrisMenuItem({ children, ...props }) {
  return (
    <li className="iris-list__item" {...props}>
      {children}
    </li>
  );
}