your personal website on atproto - mirror
blento.app
flo-bit.dev
1<script lang="ts">
2 import { Button } from '@foxui/core';
3
4 let { onclick }: { onclick: () => void } = $props();
5</script>
6
7<Button {onclick} variant="ghost" class="w-full justify-start">
8 <svg
9 xmlns="http://www.w3.org/2000/svg"
10 viewBox="0 0 24 24"
11 fill="currentColor"
12 class="text-accent-600 dark:text-accent-400"
13 >
14 <path
15 fill-rule="evenodd"
16 d="M8.161 2.58a1.875 1.875 0 0 1 1.678 0l4.993 2.498c.106.052.23.052.336 0l3.869-1.935A1.875 1.875 0 0 1 21.75 4.82v12.485c0 .71-.401 1.36-1.037 1.677l-4.875 2.437a1.875 1.875 0 0 1-1.676 0l-4.994-2.497a.375.375 0 0 0-.336 0l-3.868 1.935A1.875 1.875 0 0 1 2.25 19.18V6.695c0-.71.401-1.36 1.036-1.677l4.875-2.437ZM9 6a.75.75 0 0 1 .75.75V15a.75.75 0 0 1-1.5 0V6.75A.75.75 0 0 1 9 6Zm6.75 3a.75.75 0 0 0-1.5 0v8.25a.75.75 0 0 0 1.5 0V9Z"
17 clip-rule="evenodd"
18 />
19 </svg>
20
21 Map with Location
22</Button>