{"file":"vds-sidebar-teaser-small.entry.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,kqJAAkqJ,CAAC;AACpsJ,oCAAe,wBAAwB;;MCM1B,qBAAqB;;;wBAMb,EAAE;oBAMN,EAAE;;IAEjB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,yEAAyE,IAClF,4DAAK,KAAK,EAAC,UAAU,IACnB,2DAAI,KAAK,EAAC,0GAA0G,EAAC,SAAS,EAAG,IAAI,CAAC,QAAQ,GAAQ,EACtJ,6DAAM,KAAK,EAAC,6DAA6D,IAAG,IAAI,CAAC,IAAI,CAAS,CAC1F,EACN,4DAAK,KAAK,EAAC,iCAAiC,IAE1C,6DAAM,IAAI,EAAC,KAAK,GAAQ,CAEpB,CACF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-sidebar-teaser-small/vds-sidebar-teaser-small.scss?tag=vds-sidebar-teaser-small&encapsulation=shadow","src/components/vds-sidebar-teaser-small/vds-sidebar-teaser-small.tsx"],"sourcesContent":[":host {\r\n  @apply inline-block;\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'vds-sidebar-teaser-small',\r\n  styleUrl: 'vds-sidebar-teaser-small.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsSidebarTeaserSmall {\r\n\r\n  /**\r\n   * Headline\r\n   * Mandatory: yes\r\n   */\r\n  @Prop() headline = '';\r\n\r\n  /**\r\n   * Content\r\n   * Mandatory: yes\r\n   */\r\n  @Prop() copy = '';\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"relative bg-white box-border border-2 border-grey-lighter rounded-[5px]\">\r\n          <div class=\"p-[30px]\">\r\n            <h3 class=\"font-heavy text-h3-mobile sm:text-h3-tablet lg:text-h3-desktop text-grey uppercase mb-[20px] break-words\" innerHTML={ this.headline }></h3>\r\n            <span class=\"block text-sidebar-mobile sm:text-sidebar-desktop text-grey\">{ this.copy }</span>\r\n          </div>\r\n          <div class=\"px-[30px] pb-[30px] break-words\">\r\n\r\n            <slot name=\"cta\"></slot>\r\n\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"],"version":3}