<svelte:options customElement="scubling-card" />

<script lang="ts">
	export let title: string = "";
	export let description: string = "";
</script>

<div class="scubling-card">
	{#if title}
		<h3>{title}</h3>
	{/if}
	{#if description}
		<p>{description}</p>
	{/if}
	<slot />
</div>

<style>
	.scubling-card {
		padding: 1rem;
		border: 2px solid currentColor;
	}
</style>
