---
import PeopleAvatarList from '@shared/components/demo/PeopleAvatarList.astro'
import Button from '@ui/Button.astro'
import CardTitle from '@ui/CardTitle.astro'
---

<div class="card card-lg card-dashed card-transparent">
  <div class="card-body text-center">
    <div class="mb-3">
      <PeopleAvatarList stacked={true} />
    </div>
    <CardTitle>No team members</CardTitle>
    <p class="text-secondary">Invite your team to<br />collaborate on this project.</p>
    <div class="mt-4">
      <Button text="Invite members" color="primary" icon="plus" />
    </div>
  </div>
</div>