<Layout::Resource::Tabular
    @resource="device-event"
    @title="Connectivity Events"
    @searchQuery={{this.query}}
    @onSearch={{perform this.deviceEventActions.controllerSearchTask this}}
    @data={{@model}}
    @columns={{this.columns}}
    @page={{this.page}}
    @onPageChange={{fn (mut this.page)}}
    @actionButtons={{this.actionButtons}}
    @bulkActions={{this.bulkActions}}
    @controller={{this}}
    @emptyStateComponent={{component
        "table/empty-state"
        icon="bolt"
        title="No connectivity events yet"
        description="Events appear here after connected devices or providers begin sending telemetry signals."
        filteredTitle="No events match your filters"
        filteredDescription="Adjust the search, provider, device, or date filters to review other events."
        primaryText="Refresh"
        primaryIcon="refresh"
        primaryAction=this.deviceEventActions.refresh
        docsSlug="fleet-ops/connectivity/events/overview"
        docsTitle="Events guide"
        docsText="Events guide"
        docsSource="fleet-ops-empty-events"
    }}
/>
{{outlet}}