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