@props([
    'id' => 'btnSave',
    'text' => 'Salvar',
    'type' => 'button',
    'class' => '',
])

<button type="{{ $type }}" id="{{ $id }}"
    {{ $attributes->merge(['class' => "btn flex flex-row justify-center items-center w-full px-4 $class"]) }}>
    <svg class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
        <path stroke="currentColor" stroke-linecap="round" stroke-width="2"
              d="M11 16h2m6.707-9.293-2.414-2.414A1 1 0 0 0 16.586 4H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7.414a1 1 0 0 0-.293-.707ZM16 20v-6a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v6h8ZM9 4h6v3a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V4Z"/>
    </svg>
    <span class="ml-2">{{ $text }}</span>
</button>