"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.StatusBadge = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const Box_1 = require("../Box");
exports.StatusBadge = styled_components_1.default(Box_1.Box) `
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  background-color: ${({ variant, theme }) => variant === 'green'
    ? theme.colors.green[2]
    : variant === 'red'
        ? theme.colors.red[1]
        : variant === 'yellow'
            ? theme.colors.yellow[1]
            : variant === 'gray'
                ? theme.colors.gray[4]
                : variant === 'blue'
                    ? theme.colors.brandLightest
                    : variant === 'plum'
                        ? theme.colors.plum[0]
                        : theme.colors.gray[4]};
  color: ${({ variant, theme }) => variant === 'green'
    ? theme.colors.green[0]
    : variant === 'red'
        ? theme.colors.red[0]
        : variant === 'yellow'
            ? theme.colors.yellow[2]
            : variant === 'gray'
                ? theme.colors.gray[2]
                : variant === 'blue'
                    ? theme.colors.brandMain
                    : variant === 'plum'
                        ? theme.colors.plum[1]
                        : theme.colors.gray[2]};
`;
//# sourceMappingURL=StatusBadge.js.map