"use strict";

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

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

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

var _DiffLegend = require("./DiffLegend");

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

var DiffBanner = _ref => {
  var {
    item,
    method
  } = _ref;
  return _react.default.createElement(_components.Grid, {
    justifyContent: "space-between",
    columns: 4
  }, _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.Code, null, item.name)), _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.Heading, {
    as: "h4",
    truncate: true
  }, item.id)), _react.default.createElement(_components.FlexItem, null, _react.default.createElement(_components.Heading, {
    as: "h4",
    truncate: true
  }, method === null || method === void 0 ? void 0 : method.summary)), _react.default.createElement(_components.Flex, {
    width: "100%",
    justifyContent: "flex-end"
  }, _react.default.createElement(_DiffLegend.DiffLegend, {
    count: item.diffCount
  })));
};

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