refac

2026-07-15 04:52:06 -04:00
parent 1760b073c7
commit 343eb1d659
22 changed files with 572 additions and 308 deletions
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { getContext } from 'svelte';
+	import type { Writable } from 'svelte/store';
+	import type { i18n as i18nType } from 'i18next';
+
+	import LockClosed from '$lib/components/icons/LockClosed.svelte';
+
+	export let className = '';
+	export let disabled = false;
+
+	const i18n = getContext<Writable<i18nType>>('i18n');
+</script>
+
+<button
+	type="button"
+	class="flex shrink-0 items-center gap-1 rounded-lg bg-gray-50 px-2 py-1 text-xs font-normal text-gray-900 transition ring-1 ring-gray-200 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50 dark:bg-gray-850 dark:text-gray-100 dark:ring-gray-800 dark:hover:bg-gray-800 {className}"
+	{disabled}
+	on:click
+>
+	<LockClosed strokeWidth="2.5" className="size-3 shrink-0" />
+	<span class="shrink-0">{$i18n.t('Access')}</span>
+</button>