@props(['href' => null, 'disabled' => false])

@php
    $classes = 'inline-flex cursor-pointer items-center gap-2 rounded-md bg-primary-600 px-4 py-2 font-medium'
        .' text-white transition-colors hover:bg-primary-700 focus-visible:outline-2'
        .' focus-visible:outline-offset-2 focus-visible:outline-primary-600'
        .' disabled:pointer-events-none disabled:opacity-60';
@endphp

@if ($href && ! $disabled)
    <a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>{{ $slot }}</a>
@else
    <button {{ $attributes->merge(['class' => $classes]) }} @disabled($disabled)>{{ $slot }}</button>
@endif