import _extends from "@babel/runtime/helpers/esm/extends";
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,
    ...rest
  } = _ref;
  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