Something went wrong. Try again.
your personal website on atproto - mirror blento.app
Something went wrong. Try again.
1234567891011121314151617181920212223<script lang="ts"> import type { HTMLButtonAttributes } from 'svelte/elements';
type Props = HTMLButtonAttributes & { children: () => any; ref?: HTMLButtonElement | null; };
let { children, ref = $bindable(), class: className, ...props }: Props = $props();</script>
<button bind:this={ref} class={[ 'bg-accent-600 hover:bg-accent-500 focus-visible:outline-accent-600 text-white', 'inline-flex cursor-pointer justify-center rounded-full px-3 py-2 text-sm font-semibold shadow-sm focus-visible:outline focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className ]} {...props}> {@render children()}</button>