import { n as AnalyticsId } from "./constants2.js";
import { n as getIllustration, t as ViewBoxSize } from "./utils4.js";
import React, { useId } from "react";
import { jsx } from "react/jsx-runtime";
const Illustration = (props) => {
	const { illustration, ariaLabel, className = "", size = 512, color = "neutral", testId, ref, ...other } = props;
	const titleId = useId();
	const viewBox = getIllustration({
		size,
		medium: ViewBoxSize.Medium,
		small: ViewBoxSize.Small
	});
	const svgProperties = {
		"data-testid": testId,
		"data-analyticsid": AnalyticsId.Illustration,
		ref,
		className,
		role: ariaLabel ? "img" : "presentation",
		"aria-labelledby": ariaLabel ? titleId : void 0,
		focusable: false,
		"aria-hidden": ariaLabel ? void 0 : true,
		viewBox,
		style: {
			minWidth: size,
			minHeight: size
		},
		width: size,
		height: size,
		fill: color,
		...other
	};
	return React.createElement(illustration, {
		size,
		color,
		svgProperties,
		title: ariaLabel && /* @__PURE__ */ jsx("title", {
			id: titleId,
			children: ariaLabel
		})
	});
};
Illustration.displayName = "Illustration";
var Illustration_default$1 = Illustration;
export { Illustration as n, Illustration_default$1 as t };

//# sourceMappingURL=Illustration.js.map