add-variant-to-text-badge

scality · Jun 17, 2024 · b58115d · b58115d
1 parent 73b6442
commit b58115d
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/lib/components/textbadge/TextBadge.component.tsx b/src/lib/components/textbadge/TextBadge.component.tsx
@@ -1,9 +1,16 @@
-// @ts-nocheck
 import styled from 'styled-components';
 import { spacing } from '../../spacing';
 import { fontWeight } from '../../style/theme';
 
-const StyledTextBadge = styled.span`
+type TextBadgeVariant =
+  | 'statusHealthy'
+  | 'statusWarning'
+  | 'statusCritical'
+  | 'infoPrimary'
+  | 'infoSecondary'
+  | 'selectedActive';
+
+const StyledTextBadge = styled.span<{ variant: TextBadgeVariant }>`
   ${({ theme, variant }) => `
       background-color: ${theme[variant]};
       color: ${
@@ -19,12 +26,7 @@ const StyledTextBadge = styled.span`
 type Props = {
   text: string;
   className?: string;
-  variant?:
-    | 'statusHealthy'
-    | 'statusWarning'
-    | 'statusCritical'
-    | 'infoPrimary'
-    | 'infoSecondary';
+  variant?: TextBadgeVariant;
 };
 export function TextBadge({
   text,