@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
36 lines (35 loc) • 1.53 kB
JavaScript
// noinspection JSUnusedGlobalSymbols
import React from 'react';
import { StyledSmallWaitCursor, StyledSmallWaitCursorBackground, StyledSmallWaitCursorWaitCursor } from './SmallWaitCursor.styles';
export let SmallWaitCursorSize = /*#__PURE__*/function (SmallWaitCursorSize) {
SmallWaitCursorSize[SmallWaitCursorSize["Small"] = 16] = "Small";
SmallWaitCursorSize[SmallWaitCursorSize["Medium"] = 30] = "Medium";
return SmallWaitCursorSize;
}({});
export let SmallWaitCursorSpeed = /*#__PURE__*/function (SmallWaitCursorSpeed) {
SmallWaitCursorSpeed[SmallWaitCursorSpeed["Slow"] = 1.5] = "Slow";
SmallWaitCursorSpeed[SmallWaitCursorSpeed["Medium"] = 1] = "Medium";
SmallWaitCursorSpeed[SmallWaitCursorSpeed["Fast"] = 0.5] = "Fast";
return SmallWaitCursorSpeed;
}({});
const SmallWaitCursor = _ref => {
let {
shouldHideBackground = false,
shouldHideWaitCursor = false,
size = SmallWaitCursorSize.Medium,
speed = SmallWaitCursorSpeed.Medium,
color
} = _ref;
return /*#__PURE__*/React.createElement(StyledSmallWaitCursor, {
$shouldShowWaitCursor: !shouldHideWaitCursor,
$size: size
}, /*#__PURE__*/React.createElement(StyledSmallWaitCursorWaitCursor, {
$shouldHideBackground: shouldHideBackground,
$size: size,
$speed: speed,
$color: color
}), !shouldHideBackground && /*#__PURE__*/React.createElement(StyledSmallWaitCursorBackground, null));
};
SmallWaitCursor.displayName = 'SmallWaitCursor';
export default SmallWaitCursor;
//# sourceMappingURL=SmallWaitCursor.js.map