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

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

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