The security level (string or SecurityLevel enum)
CSS class string for styling the security level badge/indicator
getSecurityLevelClass('None')
// "bg-red-100 text-red-800 dark:bg-red-900 dark:bg-opacity-20 dark:text-red-300"
getSecurityLevelClass('High')
// "bg-green-100 text-green-800 dark:bg-green-900 dark:bg-opacity-20 dark:text-green-300"
// Use in components
<span className={`px-2 py-1 rounded ${getSecurityLevelClass(level)}`}>
{level}
</span>
Determines the appropriate CSS classes for displaying a security level
Returns Tailwind CSS classes with color coding that visually represents security level severity. Includes dark mode support. Red=None, Yellow=Low, Blue=Moderate, Green=High, Purple=Very High.