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

	interface Props {
		name: string;
		fingerprint?: string;
		createdAt: string;
		deleting?: boolean;
		onDelete: () => void;
		border?: CardVariants["border"];
		shadow?: CardVariants["shadow"];
		background?: CardVariants["background"];
	}

	let {
		name,
		fingerprint,
		createdAt,
		deleting = false,
		onDelete,
		border = true,
		shadow = false,
		background = true
	}: Props = $props();
</script>

<Card {border} {shadow} {background}>
	<KeyCardContent {name} {fingerprint} {createdAt} {deleting} {onDelete} />
</Card>
