@props([
    'submit_text' => __('admin.creates_txt'),
    'reset_text'  => __('admin.reset_txt'),
    'cancel_url'  => '#',
    'cancel_text' => __('admin.cancel_txt'),
    'show_previous_btn' => false,
    'previous_text' => __('admin.previous_txt'),

    // CSS class props with sensible defaults
    'submit_class' => 'btn-primary',
    'reset_class'  => 'btn-soft-success',
    'cancel_class' => '',
    'previous_class' => 'btn-warning',
])

<div class="col-md-12">
    <div class="hstack gap-2 justify-content-end">

        {{-- Previous --}}
        @if($show_previous_btn)
        <x-form.field.button 
            type="button" 
            id="previous" 
            name="previous" 
            text="{!! $previous_text !!}" 
            class="{{ $previous_class }}"
        />
        @endif

        {{-- Submit --}}
        <x-form.field.button 
            id="submit" 
            name="submit" 
            text="{{ $submit_text }}" 
            class="{{ $submit_class }}"
        />

        {{-- Reset --}}
        <x-form.field.button 
            type="reset" 
            id="reset" 
            name="reset" 
            text="{{ $reset_text }}" 
            class="{{ $reset_class }}"
        />

        {{-- Cancel --}}
        <x-link_cancel 
            url="{{ $cancel_url }}" 
            class="{{ $cancel_class }}"
        >
            {{ $cancel_text }}
        </x-link_cancel>
    </div>
</div>