@props(['link'=>null, 'padding' => 'px-3'])
@php
    $attributes = $attributes->merge([
        'class' =>  "font-medium text-black bg-white border hover:bg-primary-500 hover:text-white
                     disabled:bg-gray-300 disabled:text-white
                     focus:ring-4 focus:outline-none　focus:ring-primary-300
                     rounded-lg text-sm py-2 text-center {$padding}"
    ])
@endphp

@if($link)
    <a href="{{$link}}" {{$attributes}}>
        {{ $slot }}
    </a>
@else
    <button {{$attributes}} >
        {{ $slot }}
    </button>
@endif