<script>
	import { GitBranch, Search } from '@lucide/svelte';
</script>

<main class="mx-auto mt-8 max-w-3xl rounded-xl bg-surface p-4">
	<div class="flex items-center gap-3 p-6">
		<GitBranch />
		<h2 class="text-xl font-semibold">Repositories</h2>
	</div>
	<div class="relative">
		<Search class="absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2" />
		<input
			class="w-full rounded-lg border border-border-hover bg-surface-hover py-2 pl-10 outline-none focus:border-border-focus focus:ring focus:ring-border-focus"
			placeholder="Search for repositories..."
		/>
	</div>
</main>
