<script lang="ts">
	import { Button } from '$lib/components/ui/button';
	import Logo from '$lib/components/Logo.svelte';
	import { getURLForLanguage } from '$lib/utils';
	import { _, locale } from 'svelte-i18n';

	export let files: string[];
</script>

<Button
	variant="ghost"
	class="absolute top-0 flex-wrap h-fit bg-background font-semibold rounded-md py-1 px-2 gap-1.5 xs:text-base mt-2.5 ml-2.5 mr-12"
	href="{getURLForLanguage($locale, '/embed')}?files={encodeURIComponent(JSON.stringify(files))}"
	target="_blank"
>
	{$_('menu.open_in')}
	<Logo class="h-[18px] xs:h-5 translate-y-[1px]" />
</Button>
