@activecollab/components/dist/esm/components/Loaders/Linear/LinearLoader.js

ActiveCollab Components

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 _ref$height = _ref.height,
    height = _ref$height === void 0 ? 4 : _ref$height,
    _ref$activeStrokeColo = _ref.activeStrokeColor,
    activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-secondary)" : _ref$activeStrokeColo,
    _ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
    inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-transparent-300)" : _ref$inactiveStrokeCo,
    _ref$activeColorPerce = _ref.activeColorPercentage,
    activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
    _ref$animationDuratio = _ref.animationDuration,
    animationDuration = _ref$animationDuratio === void 0 ? 0.75 : _ref$animationDuratio,
    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