electrode-electrify-react-component/lib/components/sub-components/assets.js

electrode-electrify-react-component

"use strict";

exports.__esModule = true;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _assetsVisualization = require("./assets-visualization");

var _assetsVisualization2 = _interopRequireDefault(_assetsVisualization);

var _base = require("../../../src/styles/base.css");

var _base2 = _interopRequireDefault(_base);

var _bind = require("classnames/bind");

var _bind2 = _interopRequireDefault(_bind);

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

var cx = _bind2.default.bind(_base2.default);

var WebpackAssets = function WebpackAssets(props) {
  return _react2.default.createElement(
    "div",
    null,
    _react2.default.createElement(
      "div",
      { className: _base2.default.title },
      _react2.default.createElement(
        "div",
        { className: _base2.default.iconContainer },
        _react2.default.createElement(
          "i",
          { className: cx([{ modulesIcon: true }, "material-icons", "md-36", "md-light"]) },
          "content_copy"
        )
      ),
      _react2.default.createElement(
        "h2",
        { className: _base2.default.titleText },
        "Assets"
      )
    ),
    _react2.default.createElement(_assetsVisualization2.default, { assets: props.assets })
  );
};

WebpackAssets.propTypes = {
  assets: _react.PropTypes.array
};

exports.default = WebpackAssets;