try {
	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0f96309b-c723-4819-9537-d67b30cd0ae9", e._sentryDebugIdIdentifier = "sentry-dbid-0f96309b-c723-4819-9537-d67b30cd0ae9");
} catch (e) {}
import { r as Loader } from "./Button-BDEdGXnd.js";
import { Suspense } from "preact/compat";
import { jsx } from "preact/jsx-runtime";
//#region src/components/ui/atoms/Image/Image.tsx
/**
* Tiny helper to display treeshakable images
*
* It needs to receive an import function to enable treeshaking
* this way other modules/exports have no knowledge of the image being imported
*  *
* @example
* ```jsx
* <Image lazyLoadedImage={lazy(() => import('../local/path/my-image.svg?component'))} />
* ```
*
* @param importFn lazy with dynamic import with a path that contains ?component
*/
var Image = ({ lazyLoadedImage, alt, className }) => {
	return /* @__PURE__ */ jsx(Suspense, {
		fallback: /* @__PURE__ */ jsx(Loader, {}),
		children: /* @__PURE__ */ jsx(lazyLoadedImage, {
			"aria-label": alt,
			className,
			role: "img"
		})
	});
};
//#endregion
export { Image as t };
