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

import React from 'react';
import useAsync from 'react-use/lib/useAsync';
import '../../context/KongServiceManagerContext.esm.js';
import { useKongServiceManagerContext } from '../../context/KongServiceManagerProvider.esm.js';
import AboutService from './aboutService/AboutService.esm.js';
import { TabbedCard, CardTab } from '@backstage/core-components';
import PluginsList from '../PluginsList/PluginsList.esm.js';
import { useServicePageStyles } from './styles.esm.js';

const ServicePage = () => {
  const { allAssociatedPluginsState, associatedPluginsName, getServiceDetails, listAllEnabledPlugins, listAssociatedPlugins } = useKongServiceManagerContext();
  const { cardTabstyle } = useServicePageStyles();
  const { error, loading, value: serviceDetails } = useAsync(async () => {
    const data = await getServiceDetails();
    return data;
  }, []);
  return /* @__PURE__ */ React.createElement(TabbedCard, { title: "" }, /* @__PURE__ */ React.createElement(CardTab, { label: "About", className: cardTabstyle }, /* @__PURE__ */ React.createElement(
    AboutService,
    {
      loading,
      error,
      serviceDetails
    }
  )), /* @__PURE__ */ React.createElement(CardTab, { label: "Plugins", className: cardTabstyle }, /* @__PURE__ */ React.createElement(
    PluginsList,
    {
      listAllPlugins: listAllEnabledPlugins,
      listAssociatedPlugins,
      associatedPluginsState: allAssociatedPluginsState,
      associatedPluginsName
    }
  )));
};
var ServicePage$1 = React.memo(ServicePage);

export { ServicePage$1 as default };
//# sourceMappingURL=ServicePage.esm.js.map