import { a as IconSize, n as AnalyticsId } from "../../constants2.js";
import { t as palette } from "../../palette.js";
import { t as Icon_default } from "../../Icon.js";
import classNames from "classnames";
import { jsx, jsxs } from "react/jsx-runtime";
import styles from "./styles.module.scss";
var SharingStatus = (props) => {
	const { color = "neutral", icon, children, className, testId, wrapText } = props;
	const sharingStatusClasses = classNames(styles["sharing-status"], className);
	const dotClasses = classNames(styles["sharing-status__dot"], styles[`sharing-status__dot--${color}`]);
	const labelClasses = classNames(styles["sharing-status__label"], styles[`sharing-status__label--${color}`], { [styles["sharing-status__label--wrap"]]: wrapText });
	return /* @__PURE__ */ jsxs("span", {
		className: sharingStatusClasses,
		"data-testid": testId,
		"data-analyticsid": AnalyticsId.SharingStatus,
		children: [/* @__PURE__ */ jsx("span", {
			className: dotClasses,
			children: /* @__PURE__ */ jsx(Icon_default, {
				color: palette.white,
				svgIcon: icon,
				size: IconSize.XXSmall
			})
		}), /* @__PURE__ */ jsx("span", {
			className: labelClasses,
			children
		})]
	});
};
var SharingStatus_default = SharingStatus;
export { SharingStatus_default as default };

//# sourceMappingURL=index.js.map