<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames(([
    'align' => 'right', // left, right, center
    'width' => '48', // Tailwind width units
]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter(([
    'align' => 'right', // left, right, center
    'width' => '48', // Tailwind width units
]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>

<div <?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::processElementKey('dropdown-{{ $attributes->get(\'wire:key\') }}', get_defined_vars()); ?>wire:key="dropdown-<?php echo e($attributes->get('wire:key')); ?>" class="relative" x-data="{ openDropdownId: null }"
    @keydown.escape.window="openDropdownId = null">

    
    <div
        @click="openDropdownId = (openDropdownId === <?php echo e($attributes->get('wire:key')); ?> ? null : <?php echo e($attributes->get('wire:key')); ?>)">
        <?php echo e($trigger); ?>

    </div>

    
    <div x-show="openDropdownId === <?php echo e($attributes->get('wire:key')); ?>" x-cloak
        x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 scale-95"
        x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-100"
        x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
        @click.away="openDropdownId = null"
        class="absolute z-50 mt-2 rounded-md shadow-lg bg-white dark:bg-gray-800 ring-1 ring-black ring-opacity-5 focus:outline-none"
        :class="{
            'right-0': '<?php echo e($align); ?>'
            === 'right',
            'left-0': '<?php echo e($align); ?>'
            === 'left',
            'center-0': '<?php echo e($align); ?>'
            === 'center'
        }"
        :style="'min-width: ' + (<?php echo e($width); ?> * 0.25) + 'rem'">
        <div class="py-1">
            <?php echo e($content); ?>

        </div>
    </div>
</div>
<?php /**PATH /Users/macuser/Herd/Novabank/resources/views/components/dropdown.blade.php ENDPATH**/ ?>