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;
