Function CopyButton

packages/web/src/render.tsx:1298–1339

(props: { value: string; label: string })

}

function CopyButton(props: { value: string; label: string }) {
  return (
    <button
      type="button"
      class="copy-button"
      data-copy-value={props.value}
      aria-label={props.label}
      title={props.label}
    >
      <svg
        class="copy-icon"
        xmlns="http://www.w3.org/2000/svg"
        width="14"
        height="14"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
      >
        <rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
        <path d="m4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
      </svg>
      <svg
        class="check-icon"
        xmlns="http://www.w3.org/2000/svg"
        width="14"
        height="14"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        style="display: none;"
      >
        <polyline points="20,6 9,17 4,12"></polyline>
      </svg>
    </button>
  );
}

function MobileMenu(props: { active: "models" | "providers" | "labs" }) {
  return (