<template>
    <div class="site-header d-flex justify-content-center align-items-center flex-column">
        <img id="siteHeaderImage" class="img-fluid" :src="imageSrc" :alt="altText" />
        <menuModal/>
    </div>
</template>

<script>
import menuModal from "@/common-components/site-header/menu-modal/menu-modal";
    export default({
        name: "siteHeader",
        props: {
            cmsWidgetName: String,
        },
        computed: {
            imageSrc()
            {
                return this.getCmsContent(this.cmsWidgetName, "LogoImageURL")
            },
            altText()
            {
                return this.getCmsContent(this.cmsWidgetName, "AltText")
            }
        },
        components: {
            menuModal
        },
    })
</script>

<style lang="scss" scoped>

.site-header {
  padding: 0.97rem 0;
}
    
</style>