/home/henzagold/oldsite/components/ Current File: /home/henzagold/oldsite/components/SubHeader.vue
<template>


  <div class="subheader bg-cover bg-center dark-overlay" :lazy-background="bg">
    <div class="container">
      <div class="subheader-inner">



      </div>
    </div>
  </div>

</template>

<script>
// import Bread from "./Bread";
export default {
  name: "SubHeader",
  components: {
    // Bread,
  },
  props: {
    title: {
      type: String,
      default: '',
      //required: true
    },
    backgroundImage: {

      type: Object,
      required: true
    },
    responsive:{
      type: Boolean,
      default: true,
      required: false
    }
  },
  computed: {
    bg(){
      if(this.$store.state.windowWidth <= 425){
        return this.backgroundImage.sm
      }
      else if(this.$store.state.windowWidth < 768){
        return this.backgroundImage.md
      }
      else {
        return this.backgroundImage.lg
      }
    }
  },
}
</script>

<style scoped>

  .subheader{
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
</style>