---
// Card.astro
export interface Props {
    title: string
    href: string

    imgSrc?: string
    style?: string
}

const { href, imgSrc, style, title } = Astro.props
---

<a target="_blank" href={href} style={style}>
    <div class="project">
        <div class="image">
            {imgSrc ? <img src={imgSrc} alt={'logo for ' + title.toLowerCase()} /> : <div class="box" />}
        </div>
        <div class="title">{title}</div>
        <div class="description text">
            <slot />
        </div>
    </div>
</a>