function TutorialTab()

in dialogflow-cx/vpc-sc-demo/frontend/src/TutorialPageTabs.js [118:157]

• 40 lines of code
• 1 McCabe index (conditional complexity)

function TutorialTab(props) {
  const queryClient = new QueryClient();
  return (
    <div>
      <QueryClientProvider client={queryClient}>
        <TabPanel
          value={props.value}
          index={props.index}
          analytics_endpoint="/register_set_active_tutorial_tab"
        >
          <Grid container direction="row">
            <Grid item>
              <Typography variant="h5" sx={{my: 3}}>
                {props.title}
              </Typography>
            </Grid>
          </Grid>
          <Grid
            container
            direction="row"
            justifyContent="flex-start"
            spacing={2}
          >
            <Grid item sx={{width: '60%'}}>
              {props.body}
            </Grid>
            <Grid item>
              <Paper sx={{px: 2, py: 2}} elevation={2}>
                <Typography variant="body1">Security Level:</Typography>
                <Typography component={'span'} variant="body1" align="center">
                  {securityLevelToRGB(props.security)}
                </Typography>
              </Paper>
            </Grid>
          </Grid>
        </TabPanel>
      </QueryClientProvider>
    </div>
  );
}