<script>
 import {
     Badge,
     Card,
     CardHeader,
     ListGroup,
     ListGroupItem,
     Icon,
 } from 'sveltestrap';

 export let routinesStats = [
     {
         id: 1,
         name: "Classique",
         nb: 10,
     },
 ];
</script>

<Card>
    <CardHeader>
        Routines favorites
    </CardHeader>
    <ListGroup numbered>
        {#each routinesStats as routine (routine.id)}
            <ListGroupItem>
                {routine.name}
                <Badge color="primary" class="float-end">
                    {routine.nb}
                </Badge>
            </ListGroupItem>
        {/each}
    </ListGroup>
</Card>
