All files / client/src/views/program-item/components ProgramItemCancelSignupForm.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { ComponentProps, ReactElement } from "react";
import styled from "styled-components";
import { programItemContentMargin } from "client/views/my-program-items/components/shared";
import { CancelSignupForm } from "client/views/program-item/signup/components/CancelSignupForm";
 
// Match the margins of the button row this replaces, so opening the
// cancellation confirmation doesn't shift the card layout
export const ProgramItemCancelSignupForm = (
  props: ComponentProps<typeof CancelSignupForm>,
): ReactElement => <StyledCancelSignupForm {...props} />;
 
const StyledCancelSignupForm = styled(CancelSignupForm)`
  ${programItemContentMargin};
`;