/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-b46ab85
 * Released under the MIT license.
 */

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { memo } from 'react';
import { tasty } from '../../../tasty/index.js';
import { Cube } from './Cube.js';
import { SpinsContainer } from './SpinsContainer.js';
const SpinsBox = tasty({ styles: { position: 'relative', blockSize: '100%' } });
export const InternalSpinner = memo(function InternalSpinner(props) {
    const { size } = props;
    return (
    // Even though using size as a key resets the animation, it helps safari to resize the cubes.
    _jsx(SpinsContainer, { ownSize: CUBE_SIZE_MAP[size], children: _jsxs(SpinsBox, { children: [_jsx(Cube, { "$position": "top" }), _jsx(Cube, { "$position": "right" }), _jsx(Cube, { "$position": "bottom" })] }) }, size));
});
const CUBE_SIZE_MAP = {
    small: 24,
    default: 32,
    large: 48,
};

        