@mantine/carousel
Version:
Embla based carousel
30 lines (29 loc) • 1.15 kB
JavaScript
"use client";
require("../_virtual/_rolldown/runtime.cjs");
const require_Carousel_context = require("../Carousel.context.cjs");
const require_Carousel_module = require("../Carousel.module.cjs");
let _mantine_core = require("@mantine/core");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/carousel/src/CarouselSlide/CarouselSlide.tsx
const CarouselSlide = (0, _mantine_core.factory)((props) => {
const { classNames, className, style, styles, vars, mod, ...others } = (0, _mantine_core.useProps)("CarouselSlide", null, props);
const ctx = require_Carousel_context.useCarouselContext();
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.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 = require_Carousel_module.default;
CarouselSlide.displayName = "@mantine/carousel/CarouselSlide";
//#endregion
exports.CarouselSlide = CarouselSlide;
//# sourceMappingURL=CarouselSlide.cjs.map