react-side-khashe/dist/components/SBnavleft.js

React Navigation gives multiple options for Navigation Bar

"use strict";

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

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

require("./SBnavleft.css");

var _reactRouterDom = require("react-router-dom");

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

const SBnavleft = props => {
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
    className: "SBaidnavleft-Main"
  }, /*#__PURE__*/_react.default.createElement("input", {
    type: "checkbox",
    id: "btn",
    hidden: true
  }), /*#__PURE__*/_react.default.createElement("label", {
    htmlFor: "btn",
    className: "Menu-Btn-SideNavLeft"
  }, /*#__PURE__*/_react.default.createElement("i", {
    className: "fa fa-bars"
  }), /*#__PURE__*/_react.default.createElement("i", {
    className: "fa fa-times",
    id: "SideNavLeft-CloseIcon"
  })), /*#__PURE__*/_react.default.createElement("nav", {
    id: "SideNavLeft-SideBar"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "SideNavLeft-Title"
  }, "Side bar"), /*#__PURE__*/_react.default.createElement("ul", {
    id: "SideNavLeft-ListItem"
  }, props.links.map(item => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("li", {
    className: "SideNavLeft-MainAnchors"
  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
    to: item.url
  }, /*#__PURE__*/_react.default.createElement("i", {
    className: "fa fa-home"
  }), item.title)))))), /*#__PURE__*/_react.default.createElement("input", {
    className: "SideNavLeft-Input",
    type: "search",
    placeholder: "Search..."
  }), /*#__PURE__*/_react.default.createElement("button", {
    className: "SideNavLeft-Search"
  }, " ", /*#__PURE__*/_react.default.createElement("i", {
    className: "fa fa-search",
    id: "SideNavLeft-Search"
  }))));
};

var _default = SBnavleft;
exports.default = _default;