import { pxToRems } from "../styles/utils.js";
import styled from "@emotion/styled";
import { jsx } from "@emotion/react/jsx-runtime";
//#region src/components/StatusIndicator.tsx
function StatusIndicator({ color = "success", text, size = 12, fontWeight = 700 }) {
	return /* @__PURE__ */ jsx(StyledStatusIndicator, {
		color,
		size,
		fontWeight,
		children: text
	});
}
const StyledStatusIndicator = styled.div`
  color: ${({ theme, color }) => theme[color]};
  font-size: ${({ size }) => pxToRems(size)};
  font-weight: ${({ fontWeight }) => fontWeight};
`;
//#endregion
export { StatusIndicator };
