package templates

// FilterItem renders a single saved filter item for the list
templ FilterItem(id string, name string) {
	<div
		class="flex items-center justify-between p-2 rounded bg-surface hover:bg-surface-hover"
		data-filter-id={ id }
	>
		<button
			data-action="load-filter"
			@click="loadFilter($event)"
			class="flex-1 text-left px-2 py-1 rounded text-content"
		>
			{ name }
		</button>
		<button
			data-action="delete-filter"
			@click="deleteFilter($event)"
			class="icon-btn"
			title="Delete filter"
		>
			@Icon("trash", "h-4 w-4")
		</button>
	</div>
}