Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
File size: 1,571 Bytes
b2ecf7d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
<script lang="ts">
import { TASKS_DATA, type PipelineType } from "@huggingface/tasks";
import { getPipelineTask } from "../../../../utils/ViewUtils.js";
import IconInfo from "$lib/components/Icons/IconInfo.svelte";
import IconLightning from "$lib/components/Icons/IconLightning.svelte";
import PipelineTag from "../../../PipelineTag/PipelineTag.svelte";
export let noTitle = false;
export let title: string | null = null;
export let pipeline: PipelineType | undefined;
export let isDisabled = false;
$: task = pipeline ? getPipelineTask(pipeline) : undefined;
</script>
<div class="mb-2 flex items-center font-semibold">
{#if !noTitle}
{#if title}
<div class="flex items-center text-lg">
{title}
</div>
{:else}
<div class="flex items-center text-lg">
{#if !isDisabled}
<IconLightning classNames="-ml-1 mr-1 text-yellow-500" />
Inference API
{:else}
Inference Examples
{/if}
</div>
<a target="_blank" href="https://huggingface.co/docs/hub/models-widgets#example-outputs">
<IconInfo classNames="ml-1.5 text-sm text-gray-400 hover:text-black" />
</a>
{/if}
{/if}
</div>
<div class="mb-0.5 flex w-full max-w-full flex-wrap items-center justify-between text-sm text-gray-500">
{#if pipeline && task}
<a
class={TASKS_DATA[task] ? "hover:underline" : undefined}
href={TASKS_DATA[task] ? `/tasks/${task}` : undefined}
target="_blank"
title={TASKS_DATA[task] ? `Learn more about ${task}` : undefined}
>
<PipelineTag classNames="mr-2 mb-1.5" {pipeline} />
</a>
{/if}
<slot />
</div>
|