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

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

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

<Card {border} {shadow} {background} padding="sm">
	<PipelineCardContent {ownerHandle} {repoName} {pipeline} />
</Card>
