@wordpress/components
Version:
UI components for WordPress.
24 lines (23 loc) • 870 B
JavaScript
// packages/components/src/scrollable/hook.ts
import { useMemo } from "@wordpress/element";
import { useContextSystem } from "../context";
import * as styles from "./styles";
import { useCx } from "../utils/hooks/use-cx";
function useScrollable(props) {
const {
className,
scrollDirection = "y",
smoothScroll: smoothScroll2 = false,
...otherProps
} = useContextSystem(props, "Scrollable");
const cx = useCx();
const classes = useMemo(() => cx(styles.Scrollable, styles.scrollableScrollbar, smoothScroll2 && styles.smoothScroll, scrollDirection === "x" && styles.scrollX, scrollDirection === "y" && styles.scrollY, scrollDirection === "auto" && styles.scrollAuto, className), [className, cx, scrollDirection, smoothScroll2]);
return {
...otherProps,
className: classes
};
}
export {
useScrollable
};
//# sourceMappingURL=hook.js.map