export default function TosContent()

in src/pages/TermsOfService/content.js [67:130]
60 lines of code
3 McCabe index (conditional complexity)

export default function TosContent(props) {
	const classes = useStyles();

	const showActions = props.reSign || false;

	const acceptToS = () => {
		props.tosAccept();
	}

	const declineToS = () => {
		props.tosDecline();
	}

	return (
		<div className={classes.root}>
			<Grid container justify="center" spacing={2}>
				<Grid item xs={1} />
				<Grid item xs={10}>
					<Paper className={classes.title}>
						{I18n.get("TERMS_OF_SERVICE_CONTENT_TITLE")}
					</Paper>
					<Paper className={classes.contentHead}>
						{I18n.get("TERMS_OF_SERVICE_CONTENT_P1")}
					</Paper>
					<Paper className={classes.contentText}>
						{I18n.get("TERMS_OF_SERVICE_CONTENT_LOREM_IPSUM")}
					</Paper>
					<Paper className={classes.contentHead}>
						{I18n.get("TERMS_OF_SERVICE_CONTENT_P2")}
					</Paper>
					<Paper className={classes.contentText}>
						{I18n.get("TERMS_OF_SERVICE_CONTENT_LOREM_IPSUM")}
					</Paper>
					<Paper className={classes.title}>
						...
					</Paper>
					{showActions && (
						<Paper className={classes.gridRowActions}>
							<Button
								variant="outlined"
								onClick={acceptToS}
								className={classes.btnYes}
							>
								{I18n.get("TERMS_OF_SERVICE_CONTENT_BUTTON_ACCEPT_LABEL")}
							</Button>
							<Button
								variant="outlined"
								onClick={declineToS}
								className={classes.btnNo}
							>
								{I18n.get("TERMS_OF_SERVICE_CONTENT_BUTTON_DECLINE_LABEL")}
							</Button>
						</Paper>
					)}
					<Paper className={classes.contentFooter}>
						<hr />
						{I18n.get("TERMS_OF_SERVICE_CONTENT_VERSION_LABEL")}
					</Paper>
				</Grid>
				<Grid item xs={1} />
			</Grid>
		</div>
	);
}