| <script lang="ts"> |
| import CarbonStopFilledAlt from "~icons/carbon/stop-filled-alt"; |
|
|
| interface Props { |
| classNames?: string; |
| onClick?: () => void; |
| } |
|
|
| let { classNames = "", onClick }: Props = $props(); |
| </script> |
|
|
| <button |
| type="button" |
| onclick={onClick} |
| class="btn flex h-8 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 {classNames}" |
| > |
| <CarbonStopFilledAlt class="-ml-1 mr-1 h-[1.25rem] w-[1.1875rem] text-gray-300" /> Stop generating |
| </button> |
|
|
