@payfit/unity-components/dist/esm/components/carousel/parts/CarouselSlide.js

import { forwardRef as e } from "react";
import { uyTv as t } from "@payfit/unity-themes";
import { jsx as n } from "react/jsx-runtime";
import { useIntl as r } from "react-intl";
//#region src/components/carousel/parts/CarouselSlide.tsx
var i = t({ base: [
	"uy:group uy:min-w-0 uy:shrink-0 uy:grow-0",
	"uy:basis-[calc(var(--uy-carousel-slide-width)-var(--uy-carousel-slide-gap))]",
	"uy:focus-visible:outline-0"
] }), a = e(({ className: e, ...t }, a) => {
	let o = r();
	return /* @__PURE__ */ n("div", {
		...t,
		ref: a,
		role: "group",
		"aria-roledescription": o.formatMessage({
			id: "unity:component:carousel:slide:roledescription",
			defaultMessage: "slide"
		}),
		"data-unity-slot": "carousel-item",
		className: i({ className: e })
	});
});
a.displayName = "CarouselSlide";
//#endregion
export { a as CarouselSlide, i as carouselSlide };