All files / client/src/components componentStyles.ts

100% Statements 11/11
100% Branches 2/2
100% Functions 4/4
100% Lines 11/11

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            520x 520x 520x     520x 520x 520x     520x 520x 520x         520x       1842x      
import { DefaultTheme } from "styled-components";
 
// Style variants the shared components take as props. They live apart from the
// components themselves so those modules export nothing but their component,
// which is what keeps Fast Refresh working for them
 
export enum ButtonStyle {
  PRIMARY = "primary",
  SECONDARY = "secondary",
}
 
export enum HighlightStyle {
  INFO = "info",
  WARN = "warn",
}
 
export enum InfoTextVariant {
  INFO = "infoColor",
  WARNING = "warningColor",
}
 
// The one place a highlight style maps to a colour, so a card's border and
// anything drawn beside it can't drift apart
export const getHighlightColor = (
  theme: DefaultTheme,
  highlightStyle?: HighlightStyle,
): string =>
  highlightStyle === HighlightStyle.WARN
    ? theme.borderCardWarnHighlight
    : theme.borderCardHighlight;