@props([
    'align' => 'right',
])

<div
    {{ $attributes->merge(['class' => 'eva-row-actions']) }}
    x-data="{ open: false }"
    @click.outside="open = false"
    @keydown.escape.window="open = false"
>
    <button
        type="button"
        class="eva-row-actions-trigger"
        @click="open = !open"
        :aria-expanded="open"
        aria-haspopup="true"
        aria-label="Acciones"
    >
        <svg viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M10 3a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM10 8.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM10 14a1.5 1.5 0 110 3 1.5 1.5 0 010-3z" /></svg>
    </button>
    <div
        class="eva-row-actions-menu {{ $align === 'left' ? 'eva-row-actions-menu-left' : '' }}"
        x-show="open"
        x-cloak
        x-transition
        @click="open = false"
    >
        {{ $slot }}
    </div>
</div>