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

	interface Props {
		ownerHandle: string;
		repoName: string;
		issue: IssueSummary;
		border?: CardVariants["border"];
		shadow?: CardVariants["shadow"];
		background?: CardVariants["background"];
	}

	let {
		ownerHandle,
		repoName,
		issue,
		border = true,
		shadow = false,
		background = true
	}: Props = $props();
</script>

<Card {border} {shadow} {background} padding="sm">
	<IssueCardContent {ownerHandle} {repoName} {issue} />
</Card>
