
<script setup lang="ts">
import DialogsModel from '@/components/ui-components/dialogs/DialogsModel.vue';
import DialogsActivator from '@/components/ui-components/dialogs/DialogsActivator.vue';
import DialogsForm from '@/components/ui-components/dialogs/DialogsForm.vue';
import DialogsFullscreen from '@/components/ui-components/dialogs/DialogsFullscreen.vue';
import DialogsNested from '@/components/ui-components/dialogs/DialogsNested.vue';
import DialogsPersistent from '@/components/ui-components/dialogs/DialogsPersistent.vue';
import DialogsScrollable from '@/components/ui-components/dialogs/DialogsScrollable.vue';
import DialogsTransitions from '@/components/ui-components/dialogs/DialogsTransitions.vue';
import DialogConfirmModal from '@/components/ui-components/dialogs/DialogConfirmModal.vue';
</script>


<template>
    <v-row>
        <v-col cols="12">
            <SharedUiChildCard title="Dialogs">
                <v-row>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Model">
                            <DialogsModel />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Activator">
                            <DialogsActivator />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Form">
                            <DialogsForm />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Fullscreen">
                            <DialogsFullscreen />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Nested">
                            <DialogsNested />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Persistent">
                            <DialogsPersistent />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Scrollable">
                            <DialogsScrollable />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Transitions">
                            <DialogsTransitions />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Dialog Confirm Modal">
                            <DialogConfirmModal />
                        </SharedUiChildCard>
                    </v-col>
                </v-row>
            </SharedUiChildCard>
        </v-col>
    </v-row>
</template>
