@@ -12,28 +12,31 @@ interface LabelProps {
1212}
1313
1414export const Infobox : React . FC < LabelProps > = ( {
15- id,
16- size = 'md' , // Default to medium size
17- variant = 'normal' , // Default to normal variant
18- children,
19- className,
20- } ) => {
21- const infoboxClasses = cx ( styles . infobox , {
22- [ styles [ 'size-sm' ] ] : size === 'sm' ,
23- [ styles [ 'size-md' ] ] : size === 'md' ,
24- [ styles [ 'size-lg' ] ] : size === 'lg' ,
25- [ styles [ 'variant-normal' ] ] : variant === 'normal' ,
26- [ styles [ 'variant-success' ] ] : variant === 'success' ,
27- [ styles [ 'variant-warning' ] ] : variant === 'warning' ,
28- [ styles [ 'variant-danger' ] ] : variant === 'danger' ,
29- } , className ) ;
15+ id,
16+ size = 'md' , // Default to medium size
17+ variant = 'normal' , // Default to normal variant
18+ children,
19+ className,
20+ } ) => {
21+ const infoboxClasses = cx (
22+ styles . infobox ,
23+ {
24+ [ styles [ 'size-sm' ] ] : size === 'sm' ,
25+ [ styles [ 'size-md' ] ] : size === 'md' ,
26+ [ styles [ 'size-lg' ] ] : size === 'lg' ,
27+ [ styles [ 'variant-normal' ] ] : variant === 'normal' ,
28+ [ styles [ 'variant-success' ] ] : variant === 'success' ,
29+ [ styles [ 'variant-warning' ] ] : variant === 'warning' ,
30+ [ styles [ 'variant-danger' ] ] : variant === 'danger' ,
31+ } ,
32+ className ,
33+ ) ;
3034
3135 return (
32- < div > < span
33- className = { infoboxClasses }
34- id = { id }
35- >
36- { children }
37- </ span > </ div >
36+ < div >
37+ < span className = { infoboxClasses } id = { id } >
38+ { children }
39+ </ span >
40+ </ div >
3841 ) ;
39- } ;
42+ } ;
0 commit comments