<template>
  <div
    class="funnel-header d-flex justify-content-center align-items-center"
    v-if="imageSrc"
  >
    <img class="logo-image img-fluid" :src="imageSrc" alt="Safelite logo" />
  </div>
</template>

<script>
export default {
  name: "funnel-header",
  props: {
    imageSrc: {
      type: String,
      required: true,
      default: "",
    },
  },
};
</script>

<style lang="scss" scoped>
.funnel-header {
  height: 56px;
}
.logo-image {
  max-width: 78px;
}
</style>
