---
import Subheader from '@ui/Subheader.astro'
import Chart from '@ui/ChartRadial.astro'
import Trending from '@ui/Trending.astro'
---

<div class="card">
  <div class="card-body">
    <Subheader>Active Users</Subheader>
    <div class="d-flex align-items-baseline mb-2">
      <div class="h1 mb-0 me-2">25,782</div>
      <div class="me-auto">
        <Trending value={-1} />
      </div>
    </div>
    <Chart id="active-users-4" title="Active users" value={58} height={200} />
  </div>
</div>