@props([
    'href' => '#',
    'type' => 'link', // 'link', 'button', 'submit'
    'target' => '_self',
])

@php
  $baseClasses = 'btn btn-secondary px-4 py-2 text-base';
@endphp

@if ($type === 'link')
  <a href="{{ $href }}" target="{{ $target }}" {{ $attributes->merge(['class' => $baseClasses]) }}>
    {!! $slot !!}
  </a>
@elseif($type === 'button')
  <button type="button" {{ $attributes->merge(['class' => $baseClasses]) }}>
    {!! $slot !!}
  </button>
@elseif($type === 'submit')
  <button type="submit" {{ $attributes->merge(['class' => $baseClasses]) }}>
    {!! $slot !!}
  </button>
@endif