gradio

1
<script context="module" lang="ts">
2
	export { default as BaseButton } from "./shared/Button.svelte";
3
</script>
4

5
<script lang="ts">
6
	import type { Gradio } from "@gradio/utils";
7
	import { type FileData } from "@gradio/client";
8

9
	import Button from "./shared/Button.svelte";
10

11
	export let elem_id = "";
12
	export let elem_classes: string[] = [];
13
	export let visible = true;
14
	export let value: string | null;
15
	export let variant: "primary" | "secondary" | "stop" = "secondary";
16
	export let interactive: boolean;
17
	export let size: "sm" | "lg" = "lg";
18
	export let scale: number | null = null;
19
	export let icon: FileData | null = null;
20
	export let link: string | null = null;
21
	export let min_width: number | undefined = undefined;
22
	export let gradio: Gradio<{
23
		click: never;
24
	}>;
25
</script>
26

27
<Button
28
	{value}
29
	{variant}
30
	{elem_id}
31
	{elem_classes}
32
	{size}
33
	{scale}
34
	{link}
35
	{icon}
36
	{min_width}
37
	{visible}
38
	disabled={!interactive}
39
	on:click={() => gradio.dispatch("click")}
40
>
41
	{value ? gradio.i18n(value) : ""}
42
</Button>
43