mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-04-05 04:59:43 +00:00
20 lines
670 B
Svelte
20 lines
670 B
Svelte
<script lang='ts'>
|
|
import { Label } from '$lib/components/ui/label'
|
|
import { cn } from '$lib/utils'
|
|
export let title = ''
|
|
export let description = ''
|
|
|
|
const id = Math.trunc(Math.random() * Number.MAX_SAFE_INTEGER).toString() + title
|
|
|
|
let className = ''
|
|
|
|
export { className as class }
|
|
</script>
|
|
|
|
<div class={cn('flex flex-col md:flex-row md:items-center justify-between bg-neutral-950 rounded-md px-6 py-4 gap-3', className)}>
|
|
<Label for={id} class='space-1 block leading-[unset] grow'>
|
|
<div class='font-bold'>{title}</div>
|
|
<div class='text-muted-foreground text-xs whitespace-pre-wrap block'>{description}</div>
|
|
</Label>
|
|
<slot {id} />
|
|
</div>
|