/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-1fc5ad1 | Cube Dev Team */
import { tasty } from "../../../tasty/tasty.js";
import { jsx } from "react/jsx-runtime";

//#region src/components/status/Spin/SpinsContainer.tsx
const SpinsContainerElement = tasty({
	role: "presentation",
	styles: {
		boxSizing: "border-box",
		display: "inline-block",
		padding: "(1 / 10 * $cube-spin-size)",
		width: "$cube-spin-size",
		height: "$cube-spin-size",
		opacity: .8,
		contain: "size layout style paint",
		"@keyframes": { "cube-spin-reduced-motion": {
			"0%": "opacity: 0.4;",
			"50%": "opacity: 0.8;",
			"100%": "opacity: 0.4;"
		} }
	}
});
function SpinsContainer({ ownSize, children }) {
	return /* @__PURE__ */ jsx(SpinsContainerElement, {
		tokens: { "$cube-spin-size": `${ownSize}px` },
		children
	});
}

//#endregion
export { SpinsContainer };
//# sourceMappingURL=SpinsContainer.js.map