@redocly/theme/lib/components/StatusCode/StatusCode.js

Shared UI components lib

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.StatusCode = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
exports.StatusCode = styled_components_1.default.button.attrs({ 'data-component-name': 'StatusCode/StatusCode' }) `
  background: none;
  padding: 0;
  display: flex;
  align-items: center;
    
  &:before {
    display: inline-block;
    content: '';
    border-radius: 50%;
    margin-right: 4px;
    height: var(--status-code-height);
    width: var(--status-code-width);
    border: var(--status-code-border);
    background-color: ${({ status }) => {
    switch (true) {
        case status.startsWith('2'):
            return 'var(--status-code-200-bg-color)';
        case status.startsWith('3'):
            return 'var(--status-code-300-bg-color)';
        case status.startsWith('4'):
            return 'var(--status-code-400-bg-color)';
        case status.startsWith('5'):
            return 'var(--status-code-500-bg-color)';
        default:
            return 'var(--status-code-100-bg-color)';
    }
}}
`;
//# sourceMappingURL=StatusCode.js.map