mirror of
https://github.com/kmc7468/arkvault.git
synced 2025-12-17 23:48:45 +00:00
캐시 목록 페이지 추가
This commit is contained in:
25
src/routes/(main)/menu/MenuEntryButton.svelte
Normal file
25
src/routes/(main)/menu/MenuEntryButton.svelte
Normal file
@@ -0,0 +1,25 @@
|
||||
<script lang="ts">
|
||||
import type { Component, Snippet } from "svelte";
|
||||
import { EntryButton } from "$lib/components/buttons";
|
||||
import type { SvelteHTMLElements } from "svelte/elements";
|
||||
|
||||
interface Props {
|
||||
children: Snippet;
|
||||
icon: Component<SvelteHTMLElements["svg"]>;
|
||||
iconColor: string;
|
||||
onclick: () => void;
|
||||
}
|
||||
|
||||
let { children, icon: Icon, iconColor, onclick }: Props = $props();
|
||||
</script>
|
||||
|
||||
<EntryButton {onclick}>
|
||||
<div class="flex items-center gap-x-4">
|
||||
<div class="rounded-lg bg-gray-200 p-1 {iconColor}">
|
||||
<Icon />
|
||||
</div>
|
||||
<p class="font-medium">
|
||||
{@render children?.()}
|
||||
</p>
|
||||
</div>
|
||||
</EntryButton>
|
||||
Reference in New Issue
Block a user