import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const snkTaskbarSkeletonCss = ".sc-snk-taskbar-skeleton-h{display:flex;align-items:center;height:100%;padding:0 var(--space--8, 8px)}ez-skeleton.sc-snk-taskbar-skeleton{--skeleton-width:42px;--skeleton-height:42px;--skeleton-margin-left:var(--space--4, 4px)}";

const SnkTaskbarSkeleton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
  }
  render() {
    return (h(Host, null, h("ez-skeleton", { variant: "circle", count: 12 }), h("ez-skeleton", { width: "100px" })));
  }
  static get style() { return snkTaskbarSkeletonCss; }
}, [2, "snk-taskbar-skeleton"]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["snk-taskbar-skeleton"];
  components.forEach(tagName => { switch (tagName) {
    case "snk-taskbar-skeleton":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, SnkTaskbarSkeleton);
      }
      break;
  } });
}

export { SnkTaskbarSkeleton as S, defineCustomElement as d };
