<template>
<div class="hightlights"> 
    <hightlight-sum :months="months" attribute="caTheo"/>
    <hightlight-sum :months="months" attribute="retro"/>
    <hightlight-sum :months="months" attribute="notInvoiced"/>
</div>
<repartition-chart/>
</template>

<script>
import { mapGetters } from 'vuex'
import RepartitionChart from './graphs/RepartitionChart.vue'
import hightlightSum from './hightlightSum.vue'

export default {
    name: 'caRepartition',
    components: {
        RepartitionChart: RepartitionChart,
        hightlightSum: hightlightSum,
        },
    data () {
        return {}
        },
    computed: {
        ...mapGetters('travail', {
            months: "months",
        }),
      },
      mounted () {
      },
      methods: {
      },
}
</script>

<style scoped>
.hightlights{
    margin-top: 20px;
    margin-bottom: 20px;
}
</style>
