@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 {
      as = "div",
      className,
      invert = false,
      style
    } = _ref,
    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