fix(infobanner): allow to override attrs in InfoBannerCard (#393)

freenowtech · Nov 3, 2023 · 8b1457e · 8b1457e
1 parent 58eeb7e
commit 8b1457e
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/InfoBanner/blocks/InfoBannerCard.tsx b/src/components/InfoBanner/blocks/InfoBannerCard.tsx
@@ -14,15 +14,21 @@ interface CardProps extends BoxProps {
     emphasized?: boolean;
 }
 
-const StyledTitle = styled(Headline).attrs({ as: 'h4', textAlign: 'left' })`
+const StyledTitle = styled(Headline).attrs(props => ({ as: 'h4', textAlign: 'left', ...props }))`
     color: var(--info-banner-text-color);
 `;
 
-const StyledDescription = styled(Text).attrs({ fontSize: 'small', textAlign: 'left' })`
+const StyledDescription = styled(Text).attrs(props => ({ fontSize: 'small', textAlign: 'left', ...props }))`
     color: var(--info-banner-text-color);
 `;
 
-const StyledLink = styled(WaveLink).attrs({ fontSize: 0, textAlign: 'left', target: '_blank', marginTop: '0.25rem' })`
+const StyledLink = styled(WaveLink).attrs(props => ({
+    fontSize: 0,
+    textAlign: 'left',
+    target: '_blank',
+    marginTop: '0.25rem',
+    ...props
+}))`
     &:link,
     &:visited {
         color: var(--info-banner-link-color);