@razorpay/blade
Version:
The Design System that powers Razorpay
20 lines (17 loc) • 956 B
JavaScript
import styled, { keyframes, css } from 'styled-components';
import { motion } from './spinnerTokens.js';
import getIn from '../../../utils/lodashButBetter/get.js';
import '../../Box/BaseBox/index.js';
import '../../../utils/makeMotionTime/index.web.js';
import { BaseBox } from '../../Box/BaseBox/BaseBox.web.js';
import { makeMotionTime } from '../../../utils/makeMotionTime/makeMotionTime.web.js';
var rotate = /*#__PURE__*/keyframes(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]);
var SpinningBox = /*#__PURE__*/styled(BaseBox).withConfig({
displayName: "SpinningBoxweb__SpinningBox",
componentId: "zswieh-0"
})(function (_ref) {
var theme = _ref.theme;
return css(["padding:1px;width:max-content;display:inline-flex;animation:", " ", " ", " infinite;"], rotate, makeMotionTime(getIn(theme.motion, motion.duration)), getIn(theme.motion, motion.easing));
});
export { SpinningBox };
//# sourceMappingURL=SpinningBox.web.js.map