import{LitElement as t,html as e,css as c}from"lit";import{i18n as r}from"./translation.js";import"./cc-doc-card.js";import"./cc-notice.js";class s extends t{static get properties(){return{state:{type:Object}}}constructor(){super(),this.state={type:"loading"}}render(){return"error"===this.state.type?e`<cc-notice intent=warning message=${r("cc-doc-list.error")}></cc-notice>`:e`<div class=doc-wrapper>${"loading"===this.state.type?e`${new Array(9).fill(e`<cc-doc-card></cc-doc-card>`)}`:""} ${"loaded"===this.state.type?e`${this.state.docs.map((t=>e`<cc-doc-card .state=${{type:"loaded",...t}}></cc-doc-card>`))}`:""}</div>`}static get styles(){return[c`:host{display:block}.doc-wrapper{display:grid;gap:1em;grid-template-columns:repeat(auto-fit,minmax(20em,1fr))}`]}}window.customElements.define("cc-doc-list",s);export{s as CcDocList};
//# sourceMappingURL=cc-doc-list.js.map
