<script lang="ts">
 export let donnees: {
     projets: number,
     puissance: number,
     economies: number,
 };
</script>
{#if donnees}
    <div class="my-5 py-2">
        <div class="row">
            <div class="d-flex justify-content-around text-primary p-5">
                <div class="flex-column justify-content-between text-center">
                    <div class="pb-3 mb-3 border-bottom border-4 border-primary fs-1 fw-bold bg-cc">{donnees.projets}</div>
                    <div>Simulations </div>
                </div>
                <div class="flex-column justify-content-between text-center mx-3">
                    <div class="pb-3 mb-3 border-bottom border-4 border-primary fs-1 fw-bold bg-cc fs-1 fw-bold">{donnees.puissance} MWc</div>
                    <div>Simulés </div>
                </div>
                <div class="flex-column justify-content-between text-center">
                    <div class="pb-3 mb-3 border-bottom border-4 border-primary fs-1 fw-bold bg-cc fs-1 fw-bold">+ {donnees.economies} k€</div>
                    <div>Economies consomateur</div>
                </div>
            </div>
        </div>
    </div>
{/if}