import React from "react";
import { getSeverityTheme } from "./severityTheme";
const SeverityBadge = (props) => {
    const label = props.severity
        ? props.severity.toString().toUpperCase()
        : "UNKNOWN";
    const theme = getSeverityTheme(props.severity);
    return (React.createElement("span", { className: `inline-flex items-center gap-2 rounded-full px-2.5 py-0.5 text-[11px] font-semibold uppercase tracking-wide ring-1 ring-inset ${theme.badgeClass}` },
        React.createElement("span", { className: `h-1.5 w-1.5 rounded-full ${theme.dotClass}` }),
        React.createElement("span", null, label)));
};
export default SeverityBadge;
//# sourceMappingURL=SeverityBadge.js.map