mirror of
https://github.com/tabler/tabler.git
synced 2026-08-08 04:12:26 +04:00
Paweł Kuna
8962710163
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
39 lines
980 B
Plaintext
39 lines
980 B
Plaintext
---
|
|
import Icon from '@ui/Icon.astro'
|
|
|
|
interface Props {
|
|
/** When omitted, the card renders as a non-interactive "Coming soon" tile. */
|
|
href?: string
|
|
icon?: string
|
|
title: string
|
|
description: string
|
|
}
|
|
|
|
const { href, icon, title, description }: Props = Astro.props
|
|
|
|
const Tag = href ? 'a' : 'div'
|
|
---
|
|
|
|
<div class="col-md-6">
|
|
<Tag href={href} class:list={['card', !href && 'bg-surface-tertiary']}>
|
|
<div class="card-body">
|
|
<div class="position-relative">
|
|
{!href && <span class="badge position-absolute top-0 end-0">Coming soon</span>}
|
|
<div class="row">
|
|
{
|
|
icon && (
|
|
<div class="col-auto">
|
|
<Icon name={icon} class="text-secondary" />
|
|
</div>
|
|
)
|
|
}
|
|
<div class="col">
|
|
<div class="h3">{title}</div>
|
|
<p class="text-secondary m-0 fs-4 lh-base">{description}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Tag>
|
|
</div>
|