<script lang="ts">
	import EmailsTab from "#lib/components/settings/tabs/EmailsTab.svelte";
	import StepHeader from "#lib/components/welcome/StepHeader.svelte";
	import type { Fetch } from "#lib/fetch.ts";

	interface Props {
		deliberiUrl?: string;
		fetcher?: Fetch;
	}

	let { deliberiUrl, fetcher }: Props = $props();
</script>

<div class="flex flex-col gap-6">
	<StepHeader
		title="Verify your emails"
		subtitle="Commits authored with these addresses count towards your profile."
	/>

	<EmailsTab embedded addHref={null} inlineAdd {deliberiUrl} {fetcher} />
</div>