import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { cn } from '../../../utils/cn.js';
import { carouselTheme } from './Carousel.theme.js';

const CarouselItem = React__default.forwardRef(({ className, children, ...props }, ref) => {
    return (jsx("div", { ref: ref, role: "group", "aria-roledescription": "slide", className: cn(carouselTheme.item, className), ...props, children: children }));
});
CarouselItem.displayName = 'Carousel.Item';

export { CarouselItem };
