import React from 'react';
import { Code, Flex, SpaceVertical, Text } from '@looker/components';
import { MethodBadge } from '@looker/run-it';
import { DocPseudo } from '../../../components';
export var DocOperation = _ref => {
  var {
    method
  } = _ref;
  return React.createElement(SpaceVertical, {
    align: "start",
    mb: "large",
    gap: "xsmall"
  }, React.createElement(MethodBadge, {
    type: method.httpMethod
  }, React.createElement(DocPseudo, {
    method: method
  })), React.createElement(MethodBadge, {
    type: method.httpMethod
  }, React.createElement(Flex, {
    alignItems: "center"
  }, React.createElement(Text, {
    fontSize: "xsmall",
    fontWeight: "semiBold",
    mr: "xxsmall"
  }, method.httpMethod), React.createElement(Code, {
    fontSize: "small",
    fontWeight: "normal"
  }, method.endpoint))));
};
//# sourceMappingURL=DocOperation.js.map