nice-ui
Version:
React design system, components, and utilities
32 lines (31 loc) • 1.04 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.SpinnerSquare = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const keyframes = {
'0%': {
ransform: 'perspective(120px) rotateX(0deg) rotateY(0deg)',
},
'50%': {
transform: 'perspective(120px) rotateX(-180.1deg) rotateY(0deg)',
},
'100%': {
transform: 'perspective(120px) rotateX(-180deg) rotateY(-179.9deg)',
},
};
const blockClass = (0, nano_theme_1.rule)({
w: '40px',
h: '40px',
mar: '40px auto',
animation: 'spinner-rotate-plane 1.2s infinite ease-in-out',
'@keyframes spinner-rotate-plane': keyframes,
});
const SpinnerSquare = (props) => {
const dynamicClass = (0, nano_theme_1.useRule)((theme) => ({
bg: theme.g(0.5, 0.25),
}));
return React.createElement('div', { ...props, className: (props.className || '') + blockClass + dynamicClass });
};
exports.SpinnerSquare = SpinnerSquare;
exports.default = exports.SpinnerSquare;