Initial commit0.1.0

1 files changed, 24 insertions, 0 deletions

diff --git a/frontend/src/lib/scraper/components/SelectorItem.svelte b/frontend/src/lib/scraper/components/SelectorItem.svelte
new file mode 100644
index 0000000..dd3f5b4
--- /dev/null
+++ b/frontend/src/lib/scraper/components/SelectorItem.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Selector } from '$lib/Scraper';
+	import SelectorButton from './SelectorButton.svelte';
+
+	export let title: string;
+	export let selector: Selector<string> | undefined;
+</script>
+
+{#if selector}
+	<div class="flex flex-col gap-1">
+		<h2>{title}</h2>
+		<SelectorButton {selector} />
+	</div>
+{/if}
+
+<style>
+	:root {
+		--span: 6;
+	}
+
+	div {
+		grid-column: span var(--span) / span var(--span);
+	}
+</style>