@activecollab/components/dist/esm/components/ScrollShadow/ScrollElement.js

ActiveCollab Components

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
const _excluded = ["as", "className", "invert", "style"];
import React, { forwardRef } from "react";
import classNames from "classnames";
import { useInitScrollRef } from "../../hooks";
import useForkRef from "../../utils/useForkRef";
export const ScrollElement = /*#__PURE__*/forwardRef((_ref, ref) => {
  let _ref$as = _ref.as,
    as = _ref$as === void 0 ? "div" : _ref$as,
    className = _ref.className,
    _ref$invert = _ref.invert,
    invert = _ref$invert === void 0 ? false : _ref$invert,
    style = _ref.style,
    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
  const internalRef = useInitScrollRef(null, invert);
  const handleRef = useForkRef(internalRef, ref);
  const props = _extends({}, rest, {
    ref: handleRef,
    className: classNames("c-scroll-element", className),
    style: _extends({
      overflow: "auto"
    }, style)
  });
  return /*#__PURE__*/React.createElement(as, props);
});
ScrollElement.displayName = "ScrollElement";
//# sourceMappingURL=ScrollElement.js.map