<div class="flex flex-row items-center px-5 py-2 border-b border-gray-200 dark:border-gray-700">
    <div>
        <Input @value={{this.query}} @type="text" class="form-input form-input-sm w-60" placeholder={{t "live-map-drawer.vehicle-listing.message"}} />
    </div>
</div>
<Table
    @rows={{this.filteredVehicles}}
    @columns={{this.columns}}
    @searchQuery={{this.query}}
    @emptyStateComponent={{component
        "table/empty-state"
        variant="compact"
        icon="truck"
        title="No vehicles visible"
        description="Vehicles appear here when they are available in the live map context."
        filteredTitle="No vehicles match this search"
        filteredDescription="Adjust the search to find another vehicle."
    }}
/>
