@props([
    'label' => 'Save changes',
    'cancelHref' => null,
    'cancelLabel' => 'Cancel',
    'hint' => null,
    'variant' => 'primary',
])

<div {{ $attributes->merge(['class' => 'sticky-save']) }} data-sticky-save>
    <div class="sticky-save__hint">
        @if($hint)
            {!! icon('info-circle') !!}
            <span>{{ $hint }}</span>
        @endif
    </div>
    <div class="sticky-save__actions">
        @if($cancelHref)
            <a href="{{ $cancelHref }}" class="btn btn-ghost">{{ $cancelLabel }}</a>
        @endif
        <button type="submit" class="btn btn-{{ $variant }}">
            {!! icon('check-lg') !!}
            <span>{{ $label }}</span>
        </button>
    </div>
</div>