@mantine/carousel/esm/CarouselSlide/CarouselSlide.mjs

Embla based carousel

"use client";
import { useCarouselContext } from "../Carousel.context.mjs";
import Carousel_module_default from "../Carousel.module.mjs";
import { Box, factory, useProps } from "@mantine/core";
import { jsx } from "react/jsx-runtime";
//#region packages/@mantine/carousel/src/CarouselSlide/CarouselSlide.tsx
const CarouselSlide = factory((props) => {
	const { classNames, className, style, styles, vars, mod, ...others } = useProps("CarouselSlide", null, props);
	const ctx = useCarouselContext();
	return /* @__PURE__ */ jsx(Box, {
		mod: [{ orientation: ctx.orientation }, mod],
		role: "group",
		"aria-roledescription": "slide",
		"aria-label": "Carousel slide",
		...ctx.getStyles("slide", {
			className,
			style,
			classNames,
			styles
		}),
		...others
	});
});
CarouselSlide.classes = Carousel_module_default;
CarouselSlide.displayName = "@mantine/carousel/CarouselSlide";
//#endregion
export { CarouselSlide };

//# sourceMappingURL=CarouselSlide.mjs.map