16 lines
480 B
Svelte
16 lines
480 B
Svelte
<script lang="ts">
|
|
import { Bezahlmethoden } from "@ibcornelsen/database";
|
|
|
|
export let name: string;
|
|
export let icon: string;
|
|
export let paymentType: Bezahlmethoden;
|
|
export let selectedPaymentType: Bezahlmethoden;
|
|
</script>
|
|
|
|
<button class="flex flex-col items-center cursor-pointer" class:bg-gray-100={paymentType == selectedPaymentType} on:click={() => selectedPaymentType = paymentType}>
|
|
<img src={icon} alt={name} />
|
|
<span aria-label={name}>
|
|
{name}
|
|
</span>
|
|
</button>
|