'use strict';
import { jsxs, jsx } from 'react/jsx-runtime';
import { Image } from '../../packages/level2/fd-component-toolbox/image/Image.js';
import { filePaths } from '../../packages/base-repo/app-constants/file-paths.js';
import { altFaviconName } from '../../packages/base-repo/app-constants/internal-system-constants.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
const size = 40;
async function Loading() {
  return /* @__PURE__ */jsxs("div", {
    className: "flex size-full flex-col items-center justify-center gap-6",
    children: [/* @__PURE__ */jsx(Image, {
      src: filePaths.favicon,
      alt: altFaviconName,
      width: size,
      height: size,
      className: "opacity-90"
    }), /* @__PURE__ */jsxs("div", {
      className: "flex gap-2",
      children: [/* @__PURE__ */jsx("span", {
        className: "bg-fd-tertiary-900 size-2 animate-bounce rounded-full delay-0"
      }), /* @__PURE__ */jsx("span", {
        className: "bg-fd-tertiary-900 size-2 animate-bounce rounded-full delay-150"
      }), /* @__PURE__ */jsx("span", {
        className: "bg-fd-tertiary-900 size-2 animate-bounce rounded-full delay-300"
      })]
    })]
  });
}
__name(Loading, "Loading");

export { Loading as default };
