@intility/bifrost-react/dist/components/Menu/Menu.Item.js

React library for Intility's design system, Bifrost.

import { jsx as _jsx } from "react/jsx-runtime";
import classNames from "classnames";
import { forwardRef } from "react";
/**
 * Menu item, equivalent to `<div className="bf-menu-item">`. Usually wrapped
 * inside `<a>` or `<button>`.
 * @example
 * <a href="/page"><Menu.Item>Page</Menu.Item></a>
 * @example
 * // should get a background color when nested in a link with `active` class
 * <a href="/page" className="active"><Menu.Item>Page</Menu.Item></a>
 * @example
 * // with step icon
 * <a href="/step1">
 *   <Menu.Item>
 *     <Icon.Step variant="completed" marginRight />
 *     Step 1
 *   </Menu.Item>
 * </a>
 */ const MenuItem = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ _jsx("div", {
        ...props,
        ref: ref,
        className: classNames("bf-menu-item", props.className)
    }));
MenuItem.displayName = "Menu.Item";
export default MenuItem;