import {Box, Container} from "@mui/material";
import {useConfig} from "@witel/webapp-builder";

const Banner = () => {
    const {config} = useConfig();
    const bannerHTML = config.banner;
    return (<Box sx={{backgroundColor: "primary.light"}}>
        {config.banner && config.banner !== "" && (<Container sx={{py: 0.7}} maxWidth="xl">
            <div dangerouslySetInnerHTML={{__html: bannerHTML}}/>
        </Container>)}
    </Box>);
};

export default Banner;