File size: 523 Bytes
2772555
 
 
da1e5da
2772555
 
 
 
 
 
293ff91
2772555
b2387f6
2772555
 
b2387f6
2772555
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script lang="ts">
	import CarbonPause from "~icons/carbon/pause-filled";

	export let visible = false;
	export let className = "";
</script>

<button
	type="button"
	on:click
	class="btn flex rounded-lg border bg-white px-3 py-1 shadow-sm transition-all hover:bg-gray-100 dark:border-gray-600 dark:bg-gray-700 dark:hover:bg-gray-600 
    {className}
    {visible ? 'visible opacity-100' : 'invisible opacity-0'}
    "
>
	<CarbonPause class="-ml-1 mr-1 h-[1.25rem] w-[1.1875rem] text-gray-400" /> Stop generating
</button>