import { ap as attr_class, an as stringify, as as attr, au as escape_html } from './index2-BLq4EEng.js';
import { h as html } from './Button-DmE4ENkb.js';

function Icon($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let { icon, svg, text, onclick, onkeydown, classes } = $$props;
    $$renderer2.push(`<div${attr_class(`icon-container ${stringify(classes ?? "")}`, "svelte-1x2ozc8")} role="button" tabindex="0">`);
    if (typeof svg === "string" && svg.length > 0) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<span class="icon-svg svelte-1x2ozc8">${html(svg)}</span>`);
    } else if (icon) {
      $$renderer2.push("<!--[1-->");
      $$renderer2.push(`<img${attr("src", icon)} alt="" class="svelte-1x2ozc8"/>`);
    } else {
      $$renderer2.push("<!--[-1-->");
    }
    $$renderer2.push(`<!--]--> `);
    if (typeof text === "string" && text.length > 0) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<div class="icon-text svelte-1x2ozc8">${escape_html(text)}</div>`);
    } else {
      $$renderer2.push("<!--[-1-->");
    }
    $$renderer2.push(`<!--]--></div>`);
  });
}

export { Icon as I };
//# sourceMappingURL=Icon-By4fwUeB.js.map
