Authenticate-chat-ui / src /lib /components /StopGeneratingBtn.svelte
coyotte508's picture
coyotte508 HF staff
👷 Add CI to check types (#161)
da1e5da unverified
raw
history blame
532 Bytes
<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 absolute 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>