@scrolia/react/dist/components/track/x.mjs

A headless scrollbar component

"use client";


import { useScrollCore } from "../../contexts/scrollcore.mjs";
import { getComponentProps } from "../../functions/props.mjs";
import * as React from "react";
import { Fragment, jsx } from "react/jsx-runtime";

/** Horizontal track component. */
const TrackX = (props) => {
	const { options: { disabled, plugins }, x: { setHvTrack } } = useScrollCore();
	const p = getComponentProps({
		name: "trackX",
		props,
		plugins
	});
	React.useEffect(() => {
		setHvTrack(true);
	}, [setHvTrack]);
	if (disabled) return /* @__PURE__ */ jsx(Fragment, {});
	return /* @__PURE__ */ jsx("div", {
		...p,
		children: p.children
	});
};

export { TrackX };
//# sourceMappingURL=x.mjs.map