import React, { forwardRef } from "react";
import { styled } from "../../../theme.js";
import { Loader } from "./Loader.js";
const Container = styled("div", {
    position: "absolute",
    right: 20,
    top: 20,
    background: "$background",
    border: "1px solid $toolbarBorder",
    borderRadius: 666,
    padding: 10,
});
const BlockLoader = styled(Loader, {
    display: "block",
});
const PopLoader = forwardRef(({ className, ...props }, ref) => {
    return React.createElement(Container, { ref: ref, className: className },
        React.createElement(BlockLoader, { size: "1rem", ...props }));
});
PopLoader.displayName = "PopLoader";
PopLoader.toString = () => Container.toString();
export { PopLoader };
//# sourceMappingURL=PopLoader.js.map