import { jsx } from "react/jsx-runtime";
import { useCarouselContext } from "../Carousel.context.mjs";
import classes from "../Carousel.module.css.mjs";
import { factory } from "../../../../../../@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/factory/factory.mjs";
import { useProps } from "../../../../../../@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.mjs";
import { Box } from "../../../../../../@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/Box/Box.mjs";
const defaultProps = {};
const CarouselSlide = factory((props, ref) => {
  const { classNames, className, style, styles, vars, mod, ...others } = useProps(
    "CarouselSlide",
    defaultProps,
    props
  );
  const ctx = useCarouselContext();
  return /* @__PURE__ */ jsx(
    Box,
    {
      ref,
      mod: [{ orientation: ctx.orientation }, mod],
      ...ctx.getStyles("slide", { className, style, classNames, styles }),
      ...others
    }
  );
});
CarouselSlide.classes = classes;
CarouselSlide.displayName = "@mantine/carousel/CarouselSlide";
export {
  CarouselSlide
};
