diegoenriquezserrano.dev
this repo has no description
1<script lang="ts">
2 import type { Snippet } from 'svelte';
3
4 let {
5 children,
6 disabled = undefined,
7 id = undefined,
8 name = undefined,
9 type = undefined,
10 }: {
11 children: Snippet;
12 disabled?: boolean;
13 id?: string;
14 name?: string;
15 type?: 'submit' | 'button' | 'reset';
16 } = $props();
17</script>
18
19<button
20 class:dim-50={disabled}
21 class="squeeze-16 squish-8 border-rounded-8 border-style-outset text-color-white surface-char border-width-2 border-color-gray text-color-light raised-1 font-weight-bold cursor-pointer"
22 data-testid={id}
23 {disabled}
24 {id}
25 {name}
26 {type}
27>
28 {@render children()}
29</button>