import { a as attr, b as attr_class, g as clsx } from './index2-BuOY2QE4.js';

function html(value) {
  var html2 = String(value ?? "");
  var open = "<!---->";
  return open + html2 + "<!---->";
}
function Icon($$renderer, $$props) {
  let { name, width = 25, height = 25, class: className = "" } = $$props;
  const icons = {
    paperclip: {
      viewBox: "0 0 32 32",
      path: '<image href="/ui/paperclip.svg" width="32" height="32" />'
    },
    send: {
      viewBox: "0 0 32 32",
      path: '<image href="/ui/send.svg" width="32" height="32" />'
    },
    checkmark: {
      viewBox: "0 0 24 24",
      path: '<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" />'
    },
    "chevron-down": {
      viewBox: "0 0 24 24",
      path: '<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" />'
    },
    "chevron-up": {
      viewBox: "0 0 24 24",
      path: '<path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6 1.41 1.41z" />'
    },
    "chevron-left": {
      viewBox: "0 0 24 24",
      path: '<path d="M14.41 7.41L13 6l-6 6 6 6 1.41-1.41L9.83 12z" />'
    },
    "chevron-right": {
      viewBox: "0 0 24 24",
      path: '<path d="M9.59 16.59L11 18l6-6-6-6-1.41 1.41L14.17 12z" />'
    },
    log: {
      viewBox: "0 0 24 24",
      path: '<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-6h2v2h-2v-2zm0-4h2v3h-2v-3z" />'
    },
    close: {
      viewBox: "0 0 24 24",
      path: `<path d="M6 6L18 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
			<path d="M18 6L6 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>`
    },
    copy: {
      viewBox: "0 0 24 24",
      path: '<rect x="4" y="4" width="11" height="11" rx="2" ry="2" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" /><rect x="9" y="9" width="11" height="11" rx="2" ry="2" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round" />'
    }
  };
  let icon = icons[name];
  if (icon) {
    $$renderer.push("<!--[-->");
    $$renderer.push(`<svg xmlns="http://www.w3.org/2000/svg"${attr("width", width)}${attr("height", height)}${attr("viewBox", icon.viewBox)} fill="currentColor" stroke-width="1"${attr_class(clsx(className))} aria-hidden="true">${html(icon.path)}</svg>`);
  } else {
    $$renderer.push("<!--[!-->");
    $$renderer.push(`<div class="flex h-xl w-xl items-center justify-center rounded bg-gray-200 text-xs text-gray-500">?</div>`);
  }
  $$renderer.push(`<!--]-->`);
}

export { Icon as I, html as h };
//# sourceMappingURL=Icon-BgknHaZs.js.map
