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

@switch($type)
    @case('link')
        <a href="{{ $href }}" target="{{ $target }}" class="{{ $class }}">
            <span>
                <span class="flex items-center gap-2">
                    <span>{{ $slot }}</span>
                    <x-frontend.icons.arrow-up-right stroke="3" class="size-4" />
                </span>
            </span>
        </a>
    @break

    @case('submit')
        <button type="submit" class="{{ $class }}">
            <span>
                <span class="flex items-center gap-2">
                    <span>{{ $slot }}</span>
                    <x-frontend.icons.arrow-up-right stroke="3" class="size-4" />
                </span>
            </span>
        </button>
    @break

    @case('reset')
        <button type="reset" class="{{ $class }}">
            <span>
                <span class="flex items-center gap-2">
                    <span>{{ $slot }}</span>
                    <x-frontend.icons.arrow-up-right stroke="3" class="size-4" />
                </span>
            </span>
        </button>
    @break
@endswitch