---
import SectionCard from '@/atoms/section-card.astro';
import Typography from '@/atoms/typography.astro';
import type { Section } from '@/types/data';
import type { PortfolioSection } from '@/types/portfolio-section';

export interface Props extends PortfolioSection {}

const {
  config: { title },
} = Astro.props;

const section: Section = 'portfolio';
---

<SectionCard section={section}
  ><Typography variant="section-title" id={`${section}-heading`}>{title}</Typography>
</SectionCard>