@activecollab/components/dist/esm/components/Nav/Item/Item.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["children", "active", "disabled", "className", "role"];
import React from "react";
import classNames from "classnames";
import { StyledNavListItem } from "../Styles";
export const Item = /*#__PURE__*/React.forwardRef((_ref, ref) => {
  let {
      children,
      active = false,
      disabled = false,
      className,
      role
    } = _ref,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  return /*#__PURE__*/React.createElement(StyledNavListItem, _extends({
    className: classNames("c-nav__item", {
      "c-nav__item--active": active
    }, className),
    ref: ref
  }, rest, {
    $active: active,
    $disabled: disabled,
    $role: role
  }), children);
});
Item.displayName = "Item";
//# sourceMappingURL=Item.js.map