antwar-helpers/dist/Navigation.js

Helpers (layouts/components) for Antwar projects

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

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

const Navigation = ({ pages }) => _react2.default.createElement(
  "div",
  { className: "nav__wrapper" },
  _react2.default.createElement("input", { type: "checkbox", className: "nav__toggle", id: "nav__toggle" }),
  _react2.default.createElement("label", { className: "nav__toggle-label", htmlFor: "nav__toggle" }),
  _react2.default.createElement(
    "nav",
    { className: "nav" },
    pages.map((link, i) => _react2.default.createElement(
      "div",
      { key: `link-${i}`, className: "nav__link" },
      _react2.default.createElement(
        _reactRouterDom.Link,
        { to: link.url },
        link.title
      )
    ))
  )
);

exports.default = Navigation;