zrmc/toolbar/icon.js

ZRMC is an ES7 React wrapper for Material Components Web.

"use strict";

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

var _extends2 = require("babel-runtime/helpers/extends");

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _icon = require("../components/icon");

var _icon2 = _interopRequireDefault(_icon);

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

/**
 *
 * mdc-toolbar__icon | mdc-toolbar__menu-icon
 *
 * See:
 * https://material.io/components/web/catalog/toolbar/
 * https://material-components-web.appspot.com/toolbar/index.html
 *
 */

var MDC_TBICON = "mdc-toolbar__icon"; /**
                                       * Copyright (c) 2015-present, CWB SAS
                                       *
                                       * This source code is licensed under the MIT license found in the
                                       * LICENSE file in the root directory of this source tree.
                                       */

var MDC_TBMENUICON = "mdc-toolbar__menu-icon";

var ToolbarIcon = function ToolbarIcon(_ref) {
  var isMenu = _ref.isMenu,
      props = (0, _objectWithoutProperties3.default)(_ref, ["isMenu"]);

  var classes = MDC_TBICON;
  var name = props.name;

  if (isMenu || name === "menu") {
    classes = MDC_TBMENUICON;
  }
  return _react2.default.createElement(_icon2.default, (0, _extends3.default)({
    className: classes,
    mdcElement: classes,
    componentName: "a"
  }, props));
};

ToolbarIcon.defaultProps = {
  mdcElement: MDC_TBICON,
  isMenu: false
};

ToolbarIcon.propTypes = {
  mdcElement: _propTypes2.default.string,
  isMenu: _propTypes2.default.bool,
  name: _propTypes2.default.string.isRequired
};

exports.default = ToolbarIcon;