function Item()

in src/app/ContosoTraders.Ui.Website/src/components/corousel/corousel.tsx [54:91]

• 38 lines of code
• 2 McCabe index (conditional complexity)

function Item(props)
{
    return (
        <div className="courousel-style" style={{ backgroundImage: 'url('+props.item.bg+')'}}>
            <Grid container spacing={3}>
                <Grid item lg={6} xs={12} className="BannerGrid">
                    <div className="BannerHeading">
                        {props.item.name}
                    </div>
                    <div className="BannerContent">
                        {props.item.description}
                    </div>
                    <div className="BannerButtondiv">
                    {props.item.buttons && props.item.buttons.map((btn, key) => {
                        return (
                            <Button
                                key={key}
                                aria-controls="customized-menu"
                                aria-haspopup="true"
                                variant="contained"
                                color={btn.color}
                                className={`box-shadow-0 text-transform-capitalize fw-regular ${btn.class}`}
                                endIcon={btn.endIcon}
                                size="large"
                                onClick={btn.onClickFn}
                            >
                                {btn.title}
                            </Button>
                        )
                    })}
                    </div>
                </Grid>
                <Grid item xs={6}>
                </Grid>
            </Grid>
        </div>
    )
}