@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 = _ref.children,
    _ref$active = _ref.active,
    active = _ref$active === void 0 ? false : _ref$active,
    _ref$disabled = _ref.disabled,
    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
    className = _ref.className,
    role = _ref.role,
    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