skyroc-ui/dist/components/carousel/CarouselNext.js

A modern React UI component library built on Radix UI and Tailwind CSS

'use client';


import { cn } from "../../lib/utils.js";
import ButtonIcon_default from "../button/ButtonIcon.js";
import { carouselVariants } from "./carousel-variants.js";
import { useCarousel } from "./context.js";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
import { ChevronRight } from "lucide-react";

//#region src/components/carousel/CarouselNext.tsx
const CarouselNext = forwardRef((props, ref) => {
	const { children, className, disabled, shape = "circle", size, variant = "pure",...rest } = props;
	const { canScrollNext, orientation, scrollNext } = useCarousel();
	const { next } = carouselVariants({
		orientation,
		size
	});
	const nextClassName = cn(next(), className);
	return /* @__PURE__ */ jsx(ButtonIcon_default, {
		className: nextClassName,
		disabled: !canScrollNext || disabled,
		ref,
		shape,
		size,
		variant,
		onClick: scrollNext,
		...rest,
		children: children || /* @__PURE__ */ jsx(ChevronRight, {})
	});
});
CarouselNext.displayName = "CarouselNext";
var CarouselNext_default = CarouselNext;

//#endregion
export { CarouselNext_default as default };