/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
import{b as o}from"./2I5LGZNX.js";import{G as r,K as s,h as n,i as e}from"./FFF5HUPM.js";var c=n`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.resources-section{padding:3rem var(--calcite-spacing-md);margin:0 auto;box-sizing:border-box}.section-header{margin-bottom:3rem;text-align:center}.section-heading{font-size:var(--calcite-font-size-3);font-weight:var(--calcite-font-weight-small);margin:0 0 var(--calcite-spacing-lg) 0;color:var(--calcite-color-text-1)}.section-subheading{font-size:var(--calcite-font-size-0);color:var(--calcite-color-text-2);margin:0}.cards-container{display:flex;gap:var(--calcite-spacing-md);flex-wrap:wrap}.cards-container solution-resource-card{flex:1 1 200px}`,a=class extends r{constructor(){super(...arguments),this.heading="",this.subheading="",this.cards=[]}static{this.properties={heading:[1,{type:String}],subheading:[1,{type:String}],cards:[1,{type:Array}]}}static{this.styles=c}render(){let t=`section-heading-${this.heading.replace(/\s+/g,"-").toLowerCase()}`;return e`<div class="resources-section" aria-labelledby=${t??s}><div class="section-header"><h2 class="section-heading" id=${t??s} tabindex=0>${this.heading}</h2><p class="section-subheading" tabindex=0>${this.subheading}</p></div><div class="cards-container">${this.cards.map(i=>e`<solution-resource-card .icon=${i.icon} .meridianIcon=${i.meridianIcon} .heading=${i.heading} .description=${i.description} .url=${i.url} .headingEn=${i.headingEn} .sectionHeadingEn=${i.sectionHeadingEn}></solution-resource-card>`)}</div></div>`}};o("solutions-resources-section",a);export{a};
