import { jsx as _jsx } from "react/jsx-runtime";
// @ts-nocheck
import styled from 'styled-components';
import { spacing } from '../../spacing';
import { fontWeight } from '../../style/theme';
const StyledTextBadge = styled.span `
  ${({ theme, variant }) => `
      background-color: ${theme[variant]};
      color: ${variant === 'infoSecondary' ? theme.textPrimary : theme.textReverse};
      padding: 2px ${spacing.r4};
      border-radius: 4px;
      font-size: 0.9rem;
      font-weight: ${fontWeight.bold};
      margin: 0 ${spacing.r4} 0 ${spacing.r4};
    `}
`;
export function TextBadge({ text, variant = 'infoPrimary', className, ...rest }) {
    return (_jsx(StyledTextBadge, { className: ['sc-text-badge', className].join(' '), variant: variant, ...rest, children: text }));
}
