forked from coracle/flotilla
deveshanim3
463837e7d4
Co-authored-by: deveshanim3 <deveshsingh6986@gmail.com> Co-committed-by: deveshanim3 <deveshsingh6986@gmail.com>
31 lines
753 B
Svelte
31 lines
753 B
Svelte
<script lang="ts">
|
|
interface Props {
|
|
label?: import("svelte").Snippet
|
|
input?: import("svelte").Snippet
|
|
info?: import("svelte").Snippet
|
|
[key: string]: any
|
|
}
|
|
|
|
const {...props}: Props = $props()
|
|
</script>
|
|
|
|
<div class="flex flex-col gap-2 {props.class}">
|
|
<div class="flex items-center justify-between w-full gap-2">
|
|
{#if props.label}
|
|
<label class="flex items-center gap-2 min-w-[30%] max-w-[80%] md:max-w-none">
|
|
{@render props.label()}
|
|
</label>
|
|
{/if}
|
|
<div class="flex items-center gap-2 justify-end grow">
|
|
{#if props.input}
|
|
{@render props.input()}
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
{#if props.info}
|
|
<p class="text-sm opacity-50">
|
|
{@render props.info()}
|
|
</p>
|
|
{/if}
|
|
</div>
|