<script lang="ts">
	import { TagFilterControls } from '$lib/Filter';
	import type { ListItem } from '$lib/Utils';
	import { setContext } from 'svelte';
	import Filter from './Filter.svelte';

	export let namespaces: ListItem[] | undefined;
	export let controls: TagFilterControls;
	export let type: 'include' | 'exclude';

	setContext('filter-type', type);
</script>

<Filter title="Namespaces" options={namespaces} bind:filter={controls.namespaces} />
