Banner styles.ts

100% Statements 9/9

100% Branches 8/8

100% Functions 3/3

100% Lines 7/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33  
 
 
 
 
36x
9567x
 
 
 
 
 
 
 
 
 
 
1784x
1784x
1773x
1693x
 
 
1784x
 
 
 
 
 
 
 
 
  import { CustomTheme } from "@theme/v2/palette.interface";
 
import GiveText from "@shared/Text/GiveText";
import { styled } from "@theme/v2/Provider";
 
export const StyledTitle = styled(GiveText, {
  shouldForwardProp: (prop) => prop !== "textColor" && prop !== "isActive",
})(
  ({
    theme,
    textColor,
    isActive,
  }: {
    theme: CustomTheme;
    textColor: string;
    isActive?: boolean;
  }) => {
    const background = (() => {
      if (isActive === true) return textColor;
      if (isActive === false) return theme.palette.text.secondary;
      return textColor || theme.palette.gradient["ocean-blue"]?.default;
    })();
 
    return {
      background,
      backgroundClip: "text",
      WebkitBackgroundClip: "text",
      WebkitTextFillColor: "transparent",
      width: "fit-content",
    };
  },
);