<template>
    <v-row>
        <v-col cols="12">
            <SharedUiChildCard title="Expansion Panel">
                <v-row>
                    <v-col cols="6">
                        <SharedUiChildCard title="Basic">
                            <template-ui-components-expansionpanel-basic />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Advance">
                            <template-ui-components-expansionpanel-advance />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Customized Icon">
                            <template-ui-components-expansionpanel-customized-icon />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Default Expand">
                            <template-ui-components-expansionpanel-default-expand />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Inset">
                            <template-ui-components-expansionpanel-inset />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Popout">
                            <template-ui-components-expansionpanel-popout />
                        </SharedUiChildCard>
                    </v-col>
                </v-row>
            </SharedUiChildCard>
        </v-col>
    </v-row>
</template>
