All files / src/pages/TermsOfService TosWrapper.tsx

100% Statements 4/4
100% Branches 0/0
100% Functions 2/2
100% Lines 3/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 23 24 25 26 27 28 29 30 31 32 33 34 35                    52x         12x             52x                        
import { styled, SxProps, Theme } from "@mui/material";
import React from "react";
import { TosForm } from "./TosForm";
 
type TTosWrapper = {
  children: React.ReactNode;
  customStyles?: SxProps<Theme>;
  rest?: any;
};
 
export const TosWrapper = ({
  children,
  customStyles,
  ...rest
}: TTosWrapper) => {
  return (
    <Wrapper customStyles={customStyles} {...rest}>
      <TosForm>{children}</TosForm>
    </Wrapper>
  );
};
 
const Wrapper = styled("div")(({ customStyles }: { customStyles: any }) => ({
  backgroundColor: "#fff",
  fontFamily:
    '"Give Whyte", Circular, "Helvetica Neue", Helvetica, Arial !important',
  color: "#253655",
  padding: "20px",
  minHeight: "100%",
  borderRadius: "20px",
  textAlign: "justify",
  "h3, h4, h5, h6": { textAlign: "left" },
  ...customStyles,
}));