@hitachivantara/uikit-react-core/dist/Carousel/CarouselSlide/CarouselSlide.js

UI Kit Core React components.

import { useClasses } from "./CarouselSlide.styles.js";
import { jsx } from "react/jsx-runtime";
//#region src/Carousel/CarouselSlide/CarouselSlide.tsx
/**
* A container to use as `children` of `HvCarousel`.
* Pass `img` props directly to it, or `children` for any custom content
*/
var HvCarouselSlide = ({ classes: classesProp, className, children, size: flexBasis = "100%", src, alt, ...props }) => {
	const { classes, css, cx } = useClasses(classesProp);
	return /* @__PURE__ */ jsx("div", {
		className: cx(css({ flex: `0 0 ${flexBasis}` }), classes.slide, className),
		children: children ?? /* @__PURE__ */ jsx("img", {
			className: classes.image,
			src,
			alt,
			...props
		})
	});
};
//#endregion
export { HvCarouselSlide };