@props([
    'options' => null,
    'positionX' => 'left',
    'positionY' => 'bottom',
    'width' => '5rem'
])


@php
    $attributes = $attributes
        ->merge([
            'x-data' => '{ open: false }',
            'data-position-x' => $positionX,
            'data-position-y' => $positionY,
            'data-open' => 'false',
            ':data-open' => 'open',
            'style' => '--dropdown-width: ' . $width
        ])
        ->class([
            'dropdown'
        ]);
@endphp


<div {{ $attributes }}>
    {{ $slot }}
</div>