thinkful-ui/lib/AppBar/ConciergeToggle.js

Shared UI resources for Thinkful.

"use strict";

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

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

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

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

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

var _styleguide = require("../styleguide");

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

var ConciergeToggle = function ConciergeToggle(_ref) {
  var conciergeVisible = _ref.conciergeVisible,
      onClick = _ref.onClick;
  return /*#__PURE__*/_react["default"].createElement("a", {
    className: (0, _classnames["default"])("tui-app-nav-concierge-toggle", {
      'concierge-visible': conciergeVisible
    }),
    onClick: onClick,
    href: "javascript:void(0)",
    "aria-label": "Toggle concierge"
  }, /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
    className: "tui-app-nav-concierge-icon-bell",
    name: "concierge",
    size: 18,
    color: conciergeVisible ? _styleguide.black : _styleguide.gray75
  }), /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
    className: "tui-app-nav-concierge-icon-close",
    name: "close",
    size: 18,
    color: _styleguide.black
  }));
};

ConciergeToggle.propTypes = {
  onClick: _propTypes["default"].func.isRequired
};
var _default = ConciergeToggle;
exports["default"] = _default;