thinkful-ui/lib/AppBar/MobileMenuToggle.js

Shared UI resources for Thinkful.

"use strict";

var _propTypes = _interopRequireDefault(require("prop-types"));

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

var _SvgIcon = _interopRequireDefault(require("../SvgIcon"));

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

var MobileMenuToggle = function MobileMenuToggle(_ref) {
  var isOpen = _ref.isOpen,
      onClick = _ref.onClick;
  return /*#__PURE__*/_react["default"].createElement("a", {
    className: "tui-app-nav-burger",
    onClick: onClick,
    href: "javascript:void(0)",
    "aria-label": "Toggle navigation links"
  }, isOpen ? /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
    className: "tui-app-nav-burger-close",
    name: "close",
    size: 16
  }) : /*#__PURE__*/_react["default"].createElement("div", {
    className: "hamburger"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "hamburger-stripe"
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "hamburger-stripe"
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "hamburger-stripe"
  })));
};

MobileMenuToggle.propTypes = {
  isOpen: _propTypes["default"].bool.isRequired,
  onClick: _propTypes["default"].func.isRequired
};
module.exports = MobileMenuToggle;