@activecollab/components
Version:
ActiveCollab Components
29 lines • 1.26 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
import React, { forwardRef } from "react";
import { StyledSpinnerLoader } from "./Styles";
export const SpinnerLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
let {
radius = 10,
stroke = 2,
activeStrokeColor = "var(--color-secondary)",
inactiveStrokeColor = "var(--color-theme-transparent-300)",
activeColorPercentage = "25%",
rotateDurationInSeconds = 0.75,
className
} = _ref,
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
ref: ref,
className: className,
$diameter: radius * 2,
$stroke: stroke,
$activeStrokeColor: activeStrokeColor,
$inactiveStrokeColor: inactiveStrokeColor,
$activeColorPercentage: activeColorPercentage,
$rotateDurationInSeconds: rotateDurationInSeconds
}, rest));
});
SpinnerLoader.displayName = "SpinnerLoader";
//# sourceMappingURL=SpinnerLoader.js.map