<script lang="ts">
    let {type="button", width="fit-content", onclick, children}: {type?: "button" | "submit" | "reset"; width?: string; onclick?: () => void; children: any} = $props()
</script>

<button type={type} onclick={onclick} style="width: {width};" class="h-[34px] bg-[#2D82B7] hover:bg-[#3A96CF] pl-2 pr-2">{@render children?.()}</button>
