@props([
    'amounts' => [],
])

<div {{ $attributes->merge(['class' => 'grid grid-cols-3 gap-2']) }}>
    @foreach ($amounts as $amount)
        <button
            type="button"
            class="tw-btn tw-btn-outline tw-btn-touch"
            data-amount="{{ $amount }}"
        >
            {{ $amount }}
        </button>
    @endforeach
</div>