import React from 'react';
import { Code, Flex, Icon, Space } from '@looker/components';
import { Add } from '@styled-icons/material/Add';
import { ChangeHistory } from '@styled-icons/material/ChangeHistory';
import { Remove } from '@styled-icons/material/Remove';
export var DiffLegend = _ref => {
  var {
    count
  } = _ref;
  return React.createElement(Flex, null, count.added > 0 && React.createElement(Space, {
    gap: "xxsmall"
  }, React.createElement(Icon, {
    icon: React.createElement(Add, null),
    color: "positive",
    size: "small"
  }), React.createElement(Code, {
    color: "positive",
    fontWeight: "medium"
  }, count.added)), count.changed > 0 && React.createElement(Space, {
    gap: "xxsmall"
  }, React.createElement(Icon, {
    icon: React.createElement(ChangeHistory, null),
    color: "warn",
    size: "small"
  }), React.createElement(Code, {
    color: "warn",
    fontWeight: "medium"
  }, count.changed)), count.removed > 0 && React.createElement(Space, {
    gap: "xxsmall"
  }, React.createElement(Icon, {
    icon: React.createElement(Remove, null),
    color: "critical",
    size: "small"
  }), React.createElement(Code, {
    color: "critical",
    fontWeight: "medium"
  }, count.removed)));
};
//# sourceMappingURL=DiffLegend.js.map