18 lines
434 B
Svelte
18 lines
434 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from 'svelte';
|
|
|
|
interface Props {
|
|
padding?: 'sm' | 'md' | 'lg';
|
|
class?: string;
|
|
children: Snippet;
|
|
}
|
|
|
|
let { padding = 'md', class: klass = '', children }: Props = $props();
|
|
|
|
const paddings = { sm: 'p-4', md: 'p-5 sm:p-6', lg: 'p-6 sm:p-12' };
|
|
</script>
|
|
|
|
<div class="rounded-panel border border-line bg-surface transition {paddings[padding]} {klass}">
|
|
{@render children()}
|
|
</div>
|