import React, { Suspense } from "react";
import { loadable } from "@capillarytech/cap-ui-utils";
import CapSkeleton from "@capillarytech/cap-ui-library/CapSkeleton";

const LoadableComponent = loadable(() => import("./index"));

export default () => (
  <Suspense
    fallback={
      <CapSkeleton
        active
        title={{
          style: {
            margin: 10,
            height: 750,
            width: "90%",
          },
        }}
        paragraph={false}
      />
    }
  >
    <LoadableComponent />
  </Suspense>
);
