mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
Paweł KunaandStarDev
4f7beecd2b
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
30 lines
702 B
Plaintext
30 lines
702 B
Plaintext
---
|
|
import Avatar from '@ui/Avatar.astro'
|
|
import AvatarList from '@ui/AvatarList.astro'
|
|
import Progress from '@ui/Progress.astro'
|
|
|
|
interface Props {
|
|
stageColor?: string
|
|
}
|
|
|
|
const { stageColor = 'green' } = Astro.props
|
|
const title = 'New website'
|
|
const date = '28 Aug 2019'
|
|
const stage = 'Waiting'
|
|
---
|
|
|
|
<div class="card">
|
|
<div class="card-body p-4 py-5 text-center">
|
|
<Avatar size="xl" placeholder="W" class="mb-4" />
|
|
<h3 class="mb-0">{title}</h3>
|
|
<p class="text-secondary">Due to: {date}</p>
|
|
<p class="mb-3">
|
|
<span class={`badge bg-${stageColor}-lt`}>{stage}</span>
|
|
</p>
|
|
<div>
|
|
<AvatarList stacked />
|
|
</div>
|
|
</div>
|
|
<Progress class="card-progress" />
|
|
</div>
|