import type { ReactElement, ReactNode } from "react";

interface PortfolioSectionProps {
    title: string;
    children: ReactNode;
}

export default function PortfolioSection({
    title,
    children,
}: PortfolioSectionProps): ReactElement {
    return (
        <section className="mb-10">
            <h2 className="text-2xl font-bold text-ctp-lavender border-b border-ctp-green pb-2 mb-4">
                {title}
            </h2>
            {children}
        </section>
    );
}
