<template>
<div>
    <v-layout row>
        <v-flex  xs12>
            <v-sheet style="border:1px solid #2196f3"
              color="#c9dcf4e0"
            >
                <v-layout align-center row>
                    <v-flex pl-3 pr-2 text-xs-left xs2>
                        <p style="color:#2196f3" class="mb-0 font-weight-bold caption mono">daftar pemeriksaan</p>
                    </v-flex>
                    <v-flex pl-2 pr-2 text-xs-right xs10>
                        <v-btn v-for="xtest in xtests" dark depressed small ma-1 class="mono" style="margin-left:0;font-size:11px" color="#2196f3">
                            {{xtest.test_name}}
                        </v-btn>
                    </v-flex>
                </v-layout>
            </v-sheet>
        </v-flex>
    </v-layout>   
</div>
</template>

<style scoped>

</style>

<script>
module.exports = {
    data: () => ({
          
    }),
    computed: {
        xtests:{
            get() {
                return this.$store.state.samplecall.tests
            },
            set(val) {
                this.$store.commit("samplecall/update_tests",val)
            }
        },
        showtests:{
            get() {
                return this.$store.state.samplecall.showtests
            },
            set(val) {
                this.$store.commit("samplecall/update_showtests",val)
            }
        },
    },
    methods : {
        
    }
}
</script>
