import {
  pxToRems
} from "./chunk-FAWI3ZGU.js";

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

export {
  StatusIndicator
};
