Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../chunk-BN4qSVkS.cjs");
const require_styles_utils = require("../styles/utils.cjs");
let _emotion_styled = require("@emotion/styled");
_emotion_styled = require_chunk.__toESM(_emotion_styled);
let _emotion_react_jsx_runtime = require("@emotion/react/jsx-runtime");
//#region src/components/StatusIndicator.tsx
function StatusIndicator({ color = "success", text, size = 12, fontWeight = 700 }) {
	return /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(StyledStatusIndicator, {
		color,
		size,
		fontWeight,
		children: text
	});
}
const StyledStatusIndicator = _emotion_styled.default.div`
  color: ${({ theme, color }) => theme[color]};
  font-size: ${({ size }) => require_styles_utils.pxToRems(size)};
  font-weight: ${({ fontWeight }) => fontWeight};
`;
//#endregion
exports.StatusIndicator = StatusIndicator;
