@props(['link'=>null])
@php
    $attributes = $attributes->merge([
        'class' =>  "font-medium text-white bg-red-600 border hover:bg-red-800 hover:text-white
                     focus:ring-4 focus:outline-none　focus:ring-red-300
                     rounded-lg text-sm px-5 py-2 text-center"
    ])
@endphp

@if($link)
    <a href="{{$link}}" {{$attributes}}>
        {{ $slot }}
    </a>
@else
    <button
            x-data="buttonHandler()"
            @click="clicked(); {{$attributes->get('@click')}}"
            :disabled="is_clicking || @json($attributes->get('disabled', false))"
            {{$attributes}}
    >
        {{ $slot }}
    </button>
@endif