<script>
 import {
     Col,
     Container,
     Row,
     Icon,
 } from 'sveltestrap';

 import CardStatAlarms from '../../components/CardStatAlarms.svelte';
 import CardStatTimeAwaking from '../../components/CardStatTimeAwaking.svelte';
 import CardStatRoutines from '../../components/CardStatRoutines.svelte';
</script>

<Container fluid class="flex-fill d-flex flex-column justify-content-center py-2">
    <Row cols={{xs: 1, md: 2, lg: 3}}>
        <Col class="mb-4">
        <CardStatAlarms />
        </Col>
        <Col class="mb-4">
        <CardStatTimeAwaking />
        </Col>
        <Col class="mb-4">
        <CardStatRoutines />
        </Col>
    </Row>
</Container>
