<script lang="ts">
	import Button from '$lib/components/ui/button/button.svelte';
	import Separator from '$lib/components/ui/separator/separator.svelte';
	import { GitBranch } from '@lucide/svelte';
	import { resolve } from '$app/paths';

	import * as m from '$lib/paraglide/messages';
</script>

<Separator class="mt-6" />

<div class="mt-4 mb-4 flex flex-col justify-between md:flex-row">
	<div
		class="flex flex-col items-center gap-1 text-center text-sm md:ml-6 md:items-start md:text-start"
	>
		<span>Copyright 2026 SemiOS Developers</span>
		<a href={resolve('/policy/privacy')} class="underline"> Privacy Policy </a>
	</div>
	<div class="flex items-center justify-center gap-2 md:mr-6">
		<span class="text-sm">{m.foot_social()}:</span>
		<a href="https://gitea.semilabs.org/semios">
			<Button size="icon" variant="ghost">
				<GitBranch />
			</Button>
		</a>
	</div>
</div>
