import { jsx as _jsx } from "react/jsx-runtime";
import { getDimensions } from "@powerhousedao/design-system";
import ConnectLoaderVideo from "@powerhousedao/design-system/assets/connect-loader.mp4";
export function AnimatedLoader(props) {
    const { style, size = 100, ...delegatedProps } = props;
    const dimensions = getDimensions(size);
    const _style = {
        objectFit: "contain",
        pointerEvents: "none",
        ...dimensions,
        ...style,
    };
    const width = dimensions.width?.replace("px", "");
    const height = dimensions.height?.replace("px", "");
    return (_jsx("video", { autoPlay: true, height: height, loop: true, muted: true, playsInline: true, width: width, ...delegatedProps, style: _style, children: _jsx("source", { src: ConnectLoaderVideo, type: "video/mp4" }) }));
}
//# sourceMappingURL=animated-loader.js.map