function Playground()

in src/Playground.js [11:59]

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

function Playground() {
    /*
    WELCOME TO MONA's 😽🐙 PLAYGROUND
    Delete everything in here or play with the existing Mona playground code to get familiar with Primer React.
    Documentation: https://primer.style/react
    Documentation colors: https://primer.style/primitives/colors
  */

    return (
        <Box
            bg="canvas.default"
            width="100%"
            minHeight="100vh"
            display="flex"
            flexDirection="column"
            justifyContent="center"
            alignItems="center"
            p={5}
        >
            <MarkGithubIcon size={24} />
            <Box
                maxWidth={600}
                width="100%"
                height={300}
                bg="neutral.emphasisPlus"
                borderRadius={2}
                p={4}
                my={6}
            >
                <CodeLine icon={CheckIcon} iconColor="success.fg">
                    Mona's playground successfully initialised...
                </CodeLine>
                <CodeLine icon={CommentIcon} iconColor="accent.fg">
                    Visit <Text color="text.warning">src/Playground.js</Text>{' '}
                    and start building your own layouts using Primer.
                </CodeLine>
                <Box display="inline-block" ml={3} mt={2}>
                    <img
                        src={MonaLoadingImage}
                        alt="mona"
                        width={48}
                        height={48}
                    />
                </Box>
            </Box>
            <Footer />
        </Box>
    )
}