gradio/frontend

1<script lang="ts">2	export let value: string | null;3	export let type: "gallery" | "table";4	export let selected = false;5 6	function truncate_text(text: string | null, max_length = 60): string {7		if (!text) return "";8		const str = String(text);9		if (str.length <= max_length) return str;10		return str.slice(0, max_length) + "...";11	}12</script>13 14<pre15	class:table={type === "table"}16	class:gallery={type === "gallery"}17	class:selected>{truncate_text(value)}</pre>18 19<style>20	pre {21		text-align: left;22	}23	.gallery {24		padding: var(--size-1) var(--size-2);25	}26</style>27