@veecode-platform/plugin-kong-service-manager/dist/components/SpecList/SpecCard/SpecCard.esm.js

import React from 'react';
import { useSpecCardStyles } from './styles.esm.js';
import { Box, Typography } from '@material-ui/core';
import { Link } from '@backstage/core-components';
import '@backstage/plugin-catalog-react';
import '@material-ui/lab';
import '../../../context/KongServiceManagerContext.esm.js';
import '../../../api/KongServiceManagerApi.esm.js';
import '@backstage/integration';
import '@octokit/rest';
import 'js-base64';
import 'js-yaml';
import '@backstage/core-plugin-api';
import '@backstage/catalog-model';
import '@material-ui/core/InputBase';
import '@material-ui/icons/Search';
import '../../shared/SearchBar/styles.esm.js';
import '../../shared/BoxComponent/styles.esm.js';
import 'react-router-dom';
import { ExpandIcon, UserIcon } from '../../shared/icons/Icons.esm.js';
import '../../shared/SelectComponent/Select.esm.js';
import '../../shared/HtmlTooltip/HtmlTooltip.esm.js';
import '../../shared/ButtonComponent/styles.esm.js';
import '../../shared/LoadingComponent/styles.esm.js';
import '../../shared/MissingAnnotation/styles.esm.js';
import '../../shared/Fields/Fields.esm.js';
import '../../shared/SkeletonComponent/styles.esm.js';

const SpecCard = (props) => {
  const { title, description, owner, setSpec } = props;
  const { root, cardHeader, cardBody, cardFooter } = useSpecCardStyles();
  React.useEffect(() => {
    if (title) {
      setSpec(title);
    }
  }, []);
  return /* @__PURE__ */ React.createElement(Box, { className: root }, /* @__PURE__ */ React.createElement("div", { className: cardHeader }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, title), /* @__PURE__ */ React.createElement(Link, { to: `${title}` }, /* @__PURE__ */ React.createElement(ExpandIcon, null))), /* @__PURE__ */ React.createElement("div", { className: cardBody }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, description.length <= 3 ? "No description..." : description)), /* @__PURE__ */ React.createElement("div", { className: cardFooter }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UserIcon, null), " ", owner.split("/")[1])));
};

export { SpecCard };
//# sourceMappingURL=SpecCard.esm.js.map