import React from 'react';
import { Grid, Flex, FlexItem, Code, Heading } from '@looker/components';
import { DiffLegend } from './DiffLegend';
export var DiffBanner = _ref => {
  var {
    item,
    method
  } = _ref;
  return React.createElement(Grid, {
    justifyContent: "space-between",
    columns: 4
  }, React.createElement(FlexItem, null, React.createElement(Code, null, item.name)), React.createElement(FlexItem, null, React.createElement(Heading, {
    as: "h4",
    truncate: true
  }, item.id)), React.createElement(FlexItem, null, React.createElement(Heading, {
    as: "h4",
    truncate: true
  }, method === null || method === void 0 ? void 0 : method.summary)), React.createElement(Flex, {
    width: "100%",
    justifyContent: "flex-end"
  }, React.createElement(DiffLegend, {
    count: item.diffCount
  })));
};
//# sourceMappingURL=DiffBanner.js.map