IconEntryButton 컴포넌트 추가

This commit is contained in:
static
2025-01-26 22:04:53 +09:00
parent c709a79266
commit 32ecf46341
13 changed files with 186 additions and 93 deletions

View File

@@ -0,0 +1,31 @@
<script lang="ts">
import type { Component, Snippet } from "svelte";
import type { ClassValue, SvelteHTMLElements } from "svelte/elements";
interface Props {
children?: Snippet;
class?: ClassValue;
icon: Component<SvelteHTMLElements["svg"]>;
iconClass?: ClassValue;
subtext?: Snippet;
textClass?: ClassValue;
}
let { children, icon: Icon, subtext, ...props }: Props = $props();
</script>
<div class={["flex items-center gap-x-4", props.class]}>
<div class={["flex-shrink-0 text-lg", props.iconClass]}>
<Icon />
</div>
<div class="flex flex-grow flex-col gap-y-1 truncate text-left">
<p class={["font-medium", props.textClass]}>
{@render children?.()}
</p>
{#if subtext}
<p class="text-xs text-gray-800">
{@render subtext()}
</p>
{/if}
</div>
</div>