@activecollab/components/dist/esm/components/Loaders/Spinner/SpinnerLoader.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
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,
    ...rest
  } = _ref;
  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