<script>export let type = "modal";
</script>

<div class:modal={type === 'modal'} class="header-image"></div>

<style>
  .header-image {
    width: 100%;
    height: 12px;
    background: linear-gradient(90deg, #f5a503 33.33%, #f2385a 33.33%, #f2385a 66.66%, #4ad9d9 66.66%);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }

  .header-image.modal {
    height: 8px;
  }
</style>
