<script lang="ts">
	import Card, { type CardVariants } from "$lib/components/ui/Card.svelte";
	import StringCardContent from "./StringCardContent.svelte";
	import type { StringCardData } from "./types";

	let {
		entry,
		border = true,
		shadow = false,
		background = true
	}: {
		entry: StringCardData;
		border?: CardVariants["border"];
		shadow?: CardVariants["shadow"];
		background?: CardVariants["background"];
	} = $props();
</script>

<Card {border} {shadow} {background}>
	<StringCardContent {entry} />
</Card>
