import { h as attr_class, d as stringify, aj as attr, l as escape_html } from './index-BHoOpAe1.js';
import { h as html } from './Button-DPcpECFE.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-mn28dm")} role="button" tabindex="0">`);
    if (typeof svg === "string" && svg.length > 0) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<span class="icon-svg svelte-mn28dm">${html(svg)}</span>`);
    } else if (icon) {
      $$renderer2.push("<!--[1-->");
      $$renderer2.push(`<img${attr("src", icon)} alt="" class="svelte-mn28dm"/>`);
    } else {
      $$renderer2.push("<!--[-1-->");
    }
    $$renderer2.push(`<!--]--> `);
    if (typeof text === "string" && text.length > 0) {
      $$renderer2.push("<!--[0-->");
      $$renderer2.push(`<div class="icon-text svelte-mn28dm">${escape_html(text)}</div>`);
    } else {
      $$renderer2.push("<!--[-1-->");
    }
    $$renderer2.push(`<!--]--></div>`);
  });
}

export { Icon as I };
//# sourceMappingURL=Icon-C2-613_Z.js.map
