@props([
'form',
'maxHeight' => null,
'triggerAction',
'applyAction',
'width' => 'xs',
])

<x-filament::modal :alignment="$triggerAction->getModalAlignment()" :close-button="$triggerAction->hasModalCloseButton()" :close-by-clicking-away="$triggerAction->isModalClosedByClickingAway()" :description="$triggerAction->getModalDescription()" :footer-actions-alignment="$triggerAction->getModalFooterActionsAlignment()"
    :heading="$triggerAction->getCustomModalHeading() ?? __('filament-tables::table.column_toggle.heading')" :icon="$triggerAction->getModalIcon()" :icon-color="$triggerAction->getModalIconColor()" :slide-over="$triggerAction->isModalSlideOver()" :sticky-footer="$triggerAction->isModalFooterSticky()" :sticky-header="$triggerAction->isModalHeaderSticky()"
    :width="$width" wire:key="{{ $this->getId() }}.table.filters" {{ $attributes->class(['fi-ta-filters-modal']) }}
    >
    <x-slot name="trigger">
        {{ $triggerAction }}
    </x-slot>

    {{ $triggerAction->getModalContent() }}

    {{ $form }}

    {{ $triggerAction->getModalContentFooter() }}
</x-filament::modal>