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

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

<Card {border} {shadow} {background} padding={border || background ? "default" : "none"}>
	<FollowCardContent {person} />
</Card>
