<template>
    <div>
        <v-card class="pa-4 rounded-lg" elevation="0">
            <v-toolbar color="amber-lighten-5 rounded-md" density="compact">
                <v-toolbar-title class="text-title-1 font-weight-bold">PENGIRIM DAN BAHASA</v-toolbar-title>
            </v-toolbar> 
            <v-row no-gutters class="mt-4">
                <v-col cols="6">
                    <v-select
                        :items="pengirim" return-object class="pr-1 mb-2" hide-details="auto"
                        density="compact" label="Pengirim"
                        item-title="name" variant="outlined"
                    ></v-select>
                    <v-select
                        :items="bahasa" return-object class="pr-1" hide-details="auto"
                        density="compact" label="Bahasa 1"
                        item-title="name" variant="outlined"
                    ></v-select>
                </v-col>
                <v-col cols="6">
                    <v-select
                        :items="alamat" return-object class="pl-1 mb-2" hide-details="auto"
                        density="compact" label="Alamat"
                        item-title="name" variant="outlined"
                    ></v-select>
                    <v-select
                        :items="bahasa" return-object class="pl-1" hide-details="auto"
                        density="compact" label="Bahasa 2"
                        item-title="name" variant="outlined"
                    ></v-select>
                </v-col>
            </v-row>
        </v-card>
    </div>
</template>

<script>
    export default {
        name: "pengirimcomp",
        components: {},
        mounted() {},
        data() {
            return {
                pengirim: [
                    { id: 1, name: "Dr. Andra" },
                    { id: 2, name: "Dr. Reffi" },
                ],
                bahasa: [
                    { id: 1, name: "Indonesia" },
                    { id: 2, name: "Inggris" },
                ],
                alamat: [
                    { id: 1, name: "Malang" },
                    { id: 2, name: "Surabaya" },
                ]
            }
        },
        computed: {
            
        },
        methods: {
            
        },
    }
</script>