From d1d654ebac2d51e3841675faeb56480e440f622f Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Tue, 5 Mar 2024 18:08:09 +0100
Subject: Initial commit

---
 .../lib/scraper/components/SelectorButton.svelte   | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 frontend/src/lib/scraper/components/SelectorButton.svelte

(limited to 'frontend/src/lib/scraper/components/SelectorButton.svelte')

diff --git a/frontend/src/lib/scraper/components/SelectorButton.svelte b/frontend/src/lib/scraper/components/SelectorButton.svelte
new file mode 100644
index 0000000..b786f89
--- /dev/null
+++ b/frontend/src/lib/scraper/components/SelectorButton.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Selector } from '$lib/Scraper';
+
+	export let selector: Selector<string>;
+</script>
+
+<button
+	type="button"
+	class="ml-1 flex rounded-sm border-slate-700 bg-slate-900 hover:brightness-110"
+	on:click={() => (selector.keep = !selector.keep)}
+>
+	<div class="flex self-center pl-1">
+		{#if selector.keep}
+			<span class="icon-base icon-[material-symbols--check] text-green-400" />
+		{:else}
+			<span class="icon-base icon-[material-symbols--close] text-red-400" />
+		{/if}
+	</div>
+	<p class:opacity-50={!selector.keep} class="p-1 text-left">
+		{selector}
+	</p>
+</button>
-- 
cgit v1.2.3-2-gb3c3

