---
import TerminalBorder from "@components/TerminalBorder.astro";
import Link from "@components/Link.astro";

interface Props {
    title: string;
    description: string;
    href: string;
    cd?: string;
}

const { title, description, href, cd = "cd ~/projects/" } = Astro.props;
---

<div class="flex-column">
    <TerminalBorder>
        <span>
            <h1 class="inline-block text-[130%] text-[var(--accent)]">{title}</h1>
            <p class="inline-block text-[var(--secondary)]">{description}</p>
            <span class="block my-[0.625vw]"><slot /></span>
        </span>
    </TerminalBorder>
    <TerminalBorder header="Shell">
        <Link href={href}>{cd}{title}</Link>
    </TerminalBorder>
</div>