<template>
  <div>
    <div class="general-banner banner-background">
      <!-- <img src="../../assets/BG_2.png" alt=""> -->
    </div>
    
  </div>
</template>

<script>
export default {
  name: 'header-banner',
  props: {
    imgSrc: {
      type: String,
    },
    title: {
      type: String,
      default: 'Banner 1025 x 125',
    },
  },
};
</script>

<style scoped lang="scss">
@import '../../assets/css/main.scss';

.general-banner {
  /* background: transparent url('../../assets/BG_2.png') 0% 0% no-repeat padding-box; */
  box-shadow: 0px 0px 6px #0000004D;
  border-radius: $middle-border-radius;
  width: 100%;
  height: 125px;
}

</style>
