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

	let {
		repo,
		starButton = true,
		showOwner = true,
		border = true,
		shadow = false,
		background = true,
		padding = "default"
	}: {
		repo: RepoCardData;
		starButton?: boolean;
		showOwner?: boolean;
		border?: CardVariants["border"];
		shadow?: CardVariants["shadow"];
		background?: CardVariants["background"];
		padding?: CardVariants["padding"];
	} = $props();
</script>

<Card {border} {shadow} {background} {padding}>
	<RepoCardContent {repo} {starButton} {showOwner} />
</Card>
