function renderContent()

in web/src/components/pages/sample/sample.tsx [55:89]

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

  function renderContent() {
    return <>
      <Box margin={{ bottom: 'l' }}>
        <div className="custom-home__header">
          <Box padding={{ vertical: 'xxl', horizontal: 's' }}>
            <Grid
              gridDefinition={[
                { offset: { l: 2, xxs: 1 }, colspan: { l: 8, xxs: 10 } },
                { colspan: { xl: 6, l: 5, s: 6, xxs: 10 }, offset: { l: 2, xxs: 1 } },
                { colspan: { xl: 2, l: 3, s: 4, xxs: 10 }, offset: { s: 0, xxs: 1 } }
              ]}
            >
              <div className="custom-home__header-title">
                <Box variant="h1" fontWeight="bold" padding="n" fontSize="display-l"
                  color="inherit">
                  Sample Application
                </Box>
                <Box fontWeight="light" padding={{ bottom: 's' }} fontSize="display-l"
                  color="inherit">
                  Welcome to Sample Application Protected Page
                </Box>
                <Box variant="p" fontWeight="light">
                  <span className="custom-home__header-sub-title">
                      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu f
                      ugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
                      sunt in culpa qui officia deserunt mollit anim id est laborum.
                  </span>
                </Box>
              </div>
            </Grid>
          </Box>
        </div>
      </Box>
    </>;
  }