import {
  standardBorderRadius
} from "./chunk-JK4BP73A.js";
import {
  isLight
} from "./chunk-2VBDEO6M.js";

// src/components/Badge.tsx
import styled from "@emotion/styled";
import { jsx } from "@emotion/react/jsx-runtime";
function Badge({ text, ml = 0 }) {
  return text ? /* @__PURE__ */ jsx(StyledBadge, { ml, children: text }) : null;
}
var badgeVPadding = 2;
var StyledBadge = styled.span`
  ${standardBorderRadius(4)}
  ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
  padding: ${badgeVPadding}px 6px;
  background-color: ${({ theme }) => isLight(theme) ? theme.c05Neutral : theme.c15Neutral};
`;

export {
  Badge,
  badgeVPadding
};
