<template>
    <v-timeline side="end" align="start">
        <v-timeline-item
            dot-color="white"
            :fill-dot="true"
            icon="mdi-check-circle"
            icon-color="primary"
            size="small"
        >
            <div style="min-width: 600px; max-width: 750px;">
                <v-row>
                    <v-col cols="7" align="start">
                        <h4 class="font-weight-medium">Admin</h4>
                    </v-col>
                    <v-col cols="5" align="end">
                        <h4 class="font-weight-medium">21-08-2024 16:53</h4>
                    </v-col>
                </v-row>
                <div class="bg-success-lighten rounded-lg pa-2 my-2">
                    <v-row>
                        <v-col cols="12">
                            <h4>SGOT</h4>
                        </v-col>
                    </v-row>
                </div>
                <v-row>
                    <v-col cols="7" align="start">
                        <h4 class="font-weight-medium">Admin</h4>
                    </v-col>
                    <v-col cols="5" align="end">
                        <h4 class="font-weight-medium">21-08-2024 17:53</h4>
                    </v-col>
                </v-row>
                <div class="bg-success-lighten rounded-lg pa-2 my-2">
                    <v-row>
                        <v-col cols="12">
                            <h4>SGPT</h4>
                        </v-col>
                    </v-row>
                </div>
            </div>
        </v-timeline-item>
    </v-timeline>
</template>

<script>
    export default {
        name: "verficationdialog",
        components: {},
        mounted() {},
        data() {
            return {};
        },
        computed: {},
    }
</script>