import { n as AnalyticsId } from "./constants2.js";
import classNames from "classnames";
import { jsx } from "react/jsx-runtime";
import titleStyles from "./components/Title/styles.module.scss";
const instanceOfTitleMargin = (margin) => {
	return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
};
const Title = (props) => {
	const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, testId, ref } = props;
	return /* @__PURE__ */ jsx(htmlMarkup, {
		id,
		className: classNames(titleStyles.title, {
			[titleStyles["title--feature"]]: appearance === "titleFeature",
			[titleStyles["title--title1"]]: appearance === "title1",
			[titleStyles["title--title2"]]: appearance === "title2",
			[titleStyles["title--title3"]]: appearance === "title3",
			[titleStyles["title--title4"]]: appearance === "title4",
			[titleStyles["title--title5"]]: appearance === "title5",
			[titleStyles["title--title6"]]: appearance === "title6"
		}, className),
		style: instanceOfTitleMargin(margin) ? {
			marginTop: `${margin.marginTop}rem`,
			marginBottom: `${margin.marginBottom}rem`
		} : {
			marginTop: `${margin}rem`,
			marginBottom: `${margin}rem`
		},
		ref,
		"data-testid": testId,
		"data-analyticsid": AnalyticsId.Title,
		children
	});
};
var Title_default = Title;
export { Title_default as n, instanceOfTitleMargin as r, Title as t };

//# sourceMappingURL=Title.js.map