<template>
  <div class="header">
    <h1 class="title">{{ title }}</h1>
    <img src="@/assets/img/latienda-lineapuntos-2.svg" alt="" class="" />
  </div>
</template>

<script>
export default {
  props: {
    title: { type: String, default: '' },
  },
}
</script>

<style lang="scss" scoped>
.header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;

  .title {
    font-size: $xl;
    color: $color-navy;
    margin-bottom: 10px;
  }

  img {
    width: 40px;
  }
}
</style>
