'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-b499856a.js');
const HTag = require('./HTag-5308e7a3.js');

const teliaContentBannerCss = ".telia-content-banner{height:100%}.telia-content-banner:hover img{transform:scale(1.05)}.telia-content-banner__image{padding-bottom:calc(1.6rem * var(--voca-rem-multiplier))}@media screen and (min-width: 37.5em){.telia-content-banner__image{padding-bottom:calc(2.4rem * var(--voca-rem-multiplier))}}.telia-content-banner__image picture{border-radius:calc(0.8rem * var(--voca-rem-multiplier));height:calc(18rem * var(--voca-rem-multiplier));overflow:hidden;width:100%}@media screen and (min-width: 37.5em){.telia-content-banner__image picture{height:calc(20rem * var(--voca-rem-multiplier))}}@media screen and (min-width: 64em){.telia-content-banner__image picture{height:calc(36rem * var(--voca-rem-multiplier))}}.telia-content-banner__image img{transition:transform 0.25s cubic-bezier(0.45, 0, 0.52, 0.98)}.telia-content-banner__content{color:#222222;max-width:calc(64rem * var(--voca-rem-multiplier))}.telia-content-banner__heading{display:flex}";

const TeliaContentBanner = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /** html tag for heading */
    this.headingTag = HTag.HTag.H2;
    /** Tracking id is used to identify and count Component usage */
    this.dataTrackingId = 'telia-content-banner';
  }
  render() {
    const componentClass = 'telia-content-banner';
    return (index.h("telia-link", { silent: true, href: this.href, "data-testid": this.dataTestid }, index.h("telia-vst", { dataTrackingId: this.dataTrackingId }), index.h("article", { class: componentClass }, !!this.imgSrc && (index.h("div", { class: componentClass + '__image' }, index.h("telia-image", { src: this.imgSrc, "small-set": this.smallSet, "medium-set": this.mediumSet, alt: this.imgAlt, variant: 'scalable' }))), index.h("div", { class: componentClass + '__content' }, index.h("telia-text-spacing", null, index.h("telia-heading", { tag: 'h2', variant: 'title-400' }, index.h("span", { class: componentClass + '__heading' }, this.bannerHeading))), index.h("slot", null)))));
  }
};
TeliaContentBanner.style = teliaContentBannerCss;

exports.telia_content_banner = TeliaContentBanner;
