components ProgramItemStatusMessage.tsx

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/3

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { ReactElement, ReactNode } from "react";
import styled from "styled-components";
import { programItemCardEndMargin } from "client/views/my-program-items/components/shared";
 
interface Props {
  children: ReactNode;
  "data-testid"?: string;
}
 
// Bold status text ending a program item card (e.g. full, cancelled)
export const ProgramItemStatusMessage = ({
  children,
  "data-testid": dataTestId,
}: Props): ReactElement => (
  <Container data-testid={dataTestId}>{children}</Container>
);
 
const Container = styled.p`
  font-weight: 600;
  margin-bottom: ${programItemCardEndMargin};
`;