import React from 'react';
import { Card, CardContent, Flex, Space, Text } from '@looker/components';
import { MethodBadge, RunItHeading } from '@looker/run-it';
import { DocActivityType, DocRateLimited } from '../../components';
import { DocSummaryStatus } from './DocSummaryStatus';
export var DocMethodSummary = _ref => {
  var {
    method
  } = _ref;
  return React.createElement(Card, {
    maxWidth: "50rem",
    border: true
  }, React.createElement(CardContent, null, React.createElement(Space, {
    align: "start",
    between: true
  }, React.createElement(MethodBadge, {
    type: method.httpMethod,
    textAlign: "center",
    minWidth: "3.7625rem"
  }, method.httpMethod.toUpperCase()), React.createElement(Flex, {
    alignItems: "start",
    flexDirection: "column",
    flex: "1",
    mx: "small"
  }, React.createElement(RunItHeading, {
    as: "h3",
    mb: "0",
    pt: "0"
  }, method.summary), React.createElement(Space, null, React.createElement(DocRateLimited, {
    method: method
  }), React.createElement(DocActivityType, {
    method: method
  })), React.createElement(Text, {
    color: "subdued"
  }, method.endpoint)), React.createElement(DocSummaryStatus, {
    status: method.status
  }))));
};
//# sourceMappingURL=DocMethodSummary.js.map