// js/subpage_header_component.js

const SubpageHeader = {
  props: ['title', 'bgImage'],
  template: `
    <div class="subpage-header" :style="{ backgroundImage: 'url(' + bgImage + ')' }">
      <div class="subpage_title">
        <h1>{{ title }}</h1>
      </div>
      <ul class="Crumbs w_limit_1440">
        <li>
          <a href="index.html">
            <img src="images/icon_home_crumb.svg" alt="HOME" width="18" height="18" />
          </a>
        </li>
        <li>{{ title }}</li>
      </ul>
    </div>
  `
};