@mantine/carousel/cjs/CarouselSlide/CarouselSlide.cjs

Embla based carousel

'use client';
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var core = require('@mantine/core');
var Carousel_context = require('../Carousel.context.cjs');
var Carousel_module = require('../Carousel.module.css.cjs');

const defaultProps = {};
const CarouselSlide = core.factory((props, ref) => {
  const { classNames, className, style, styles, vars, mod, ...others } = core.useProps(
    "CarouselSlide",
    defaultProps,
    props
  );
  const ctx = Carousel_context.useCarouselContext();
  return /* @__PURE__ */ jsxRuntime.jsx(
    core.Box,
    {
      ref,
      mod: [{ orientation: ctx.orientation }, mod],
      ...ctx.getStyles("slide", { className, style, classNames, styles }),
      ...others
    }
  );
});
CarouselSlide.classes = Carousel_module;
CarouselSlide.displayName = "@mantine/carousel/CarouselSlide";

exports.CarouselSlide = CarouselSlide;
//# sourceMappingURL=CarouselSlide.cjs.map