---
/**
* Card
* Basis kaart component. Slot-based voor flexibele content.
*
* Props:
* - variant?: 'default' | 'bordered' | 'elevated' | 'flat'
* - href?: string — maakt kaart klikbaar als link
* - image?: string — optionele header image
* - imageAlt?: string
* - padding?: 'sm' | 'md' | 'lg'
*/
interface Props {
variant?: 'default' | 'bordered' | 'elevated' | 'flat';
href?: string;
image?: string;
imageAlt?: string;
padding?: 'sm' | 'md' | 'lg';
}
const {
variant = 'default',
href,
image,
imageAlt = '',
padding = 'md',
} = Astro.props;
const Tag = href ? 'a' : 'div';
---
{image && (
)}