import { n as AnalyticsId } from "./constants2.js";
import classNames from "classnames";
import { jsx } from "react/jsx-runtime";
import spacerStyles from "./components/Spacer/styles.module.scss";
var Spacer = (props) => {
	const { size = "s", className, testId, ref } = props;
	return /* @__PURE__ */ jsx("span", {
		className: classNames(spacerStyles.spacer, {
			[spacerStyles["spacer--4xs"]]: size === "4xs",
			[spacerStyles["spacer--3xs"]]: size === "3xs",
			[spacerStyles["spacer--2xs"]]: size === "2xs",
			[spacerStyles["spacer--xs"]]: size === "xs",
			[spacerStyles["spacer--s"]]: size === "s",
			[spacerStyles["spacer--m"]]: size === "m",
			[spacerStyles["spacer--l"]]: size === "l",
			[spacerStyles["spacer--xl"]]: size === "xl",
			[spacerStyles["spacer--2xl"]]: size === "2xl",
			[spacerStyles["spacer--3xl"]]: size === "3xl",
			[spacerStyles["spacer--4xl"]]: size === "4xl",
			[spacerStyles["spacer--5xl"]]: size === "5xl",
			[spacerStyles["spacer--6xl"]]: size === "6xl"
		}, className),
		ref,
		"data-testid": testId,
		"data-analyticsid": AnalyticsId.Spacer
	});
};
var Spacer_default$1 = Spacer;
export { Spacer_default$1 as t };

//# sourceMappingURL=Spacer.js.map