@kadoui/react
Version:
Kadoui primitive components for React
12 lines (11 loc) • 457 B
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { use } from "react";
import { CarouselContext } from "./CarouselContext";
export function CarouselPrevBtn({ onClick, ...props }) {
const { scrollRef, childrenWidth } = use(CarouselContext);
return (_jsx("button", { onClick: (ev) => {
onClick?.(ev);
scrollRef.current?.scrollTo(scrollRef.current.scrollLeft - childrenWidth, 0);
}, ...props }));
}