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 d="M21 6.375c0 2.692-4.03 4.875-9 4.875S3 9.067 3 6.375 7.03 1.5 12 1.5s9 2.183 9 4.875Z"
16 />
17 <path
18 d="M12 12.75c2.685 0 5.19-.586 7.078-1.609a8.283 8.283 0 0 0 1.897-1.384c.016.121.025.244.025.368C21 12.817 16.97 15 12 15s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.285 8.285 0 0 0 1.897 1.384C6.809 12.164 9.315 12.75 12 12.75Z"
19 />
20 <path
21 d="M12 16.5c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 15.914 9.315 16.5 12 16.5Z"
22 />
23 <path
24 d="M12 20.25c2.685 0 5.19-.586 7.078-1.609a8.282 8.282 0 0 0 1.897-1.384c.016.121.025.244.025.368 0 2.692-4.03 4.875-9 4.875s-9-2.183-9-4.875c0-.124.009-.247.025-.368a8.284 8.284 0 0 0 1.897 1.384C6.809 19.664 9.315 20.25 12 20.25Z"
25 />
26 </svg>
27
28 AT Proto Collections
29</Button>