"use strict";

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

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

var _components = require("@looker/components");

var _Add = require("@styled-icons/material/Add");

var _ChangeHistory = require("@styled-icons/material/ChangeHistory");

var _Remove = require("@styled-icons/material/Remove");

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

var DiffLegend = _ref => {
  var {
    count
  } = _ref;
  return _react.default.createElement(_components.Flex, null, count.added > 0 && _react.default.createElement(_components.Space, {
    gap: "xxsmall"
  }, _react.default.createElement(_components.Icon, {
    icon: _react.default.createElement(_Add.Add, null),
    color: "positive",
    size: "small"
  }), _react.default.createElement(_components.Code, {
    color: "positive",
    fontWeight: "medium"
  }, count.added)), count.changed > 0 && _react.default.createElement(_components.Space, {
    gap: "xxsmall"
  }, _react.default.createElement(_components.Icon, {
    icon: _react.default.createElement(_ChangeHistory.ChangeHistory, null),
    color: "warn",
    size: "small"
  }), _react.default.createElement(_components.Code, {
    color: "warn",
    fontWeight: "medium"
  }, count.changed)), count.removed > 0 && _react.default.createElement(_components.Space, {
    gap: "xxsmall"
  }, _react.default.createElement(_components.Icon, {
    icon: _react.default.createElement(_Remove.Remove, null),
    color: "critical",
    size: "small"
  }), _react.default.createElement(_components.Code, {
    color: "critical",
    fontWeight: "medium"
  }, count.removed)));
};

exports.DiffLegend = DiffLegend;
//# sourceMappingURL=DiffLegend.js.map