@props([
    'type' => 'button',
    'icon' => null,     // SVG o HTML del ícono
    'value' => null,     // SVG o HTML del ícono
])

<button
    type="{{ $type }}"
    {{ $attributes->merge([
        'class' =>
                  'p-2 bg-[#FF5733] hover:bg-[#e04d2c] text-white rounded-md shadow-sm transition flex items-center justify-center
lex items-center gap-2 px-4 py-2 border-2 border-none 
                          text-orange-600 rounded-lg hover:bg-orange-100 transition 
            '
    ]) }}
>
    <x-dynamic-component :component="$icon" class="w-4 h-4"/>
    
</button>