"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SideNavItem = void 0;

var _react = _interopRequireDefault(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _ = require("..");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var SideNavItem = function SideNavItem(_ref) {
  var id = _ref.id,
      title = _ref.title,
      description = _ref.description,
      active = _ref.active,
      onClick = _ref.onClick,
      icon = _ref.icon;
  return /*#__PURE__*/_react.default.createElement("li", {
    id: id,
    className: (0, _classnames.default)('oec-sidenav__item', {
      active: active
    })
  }, /*#__PURE__*/_react.default.createElement(_.Button, {
    onClick: onClick,
    appearance: "unstyled",
    text: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
      className: "oec-sidenav-item__title"
    }, title, " ", icon && /*#__PURE__*/_react.default.createElement(_.InlineIcon, {
      icon: icon
    })), /*#__PURE__*/_react.default.createElement("p", {
      className: "oec-sidenav-item__desc"
    }, description))
  }));
};

exports.SideNavItem = SideNavItem;