<template>
    <v-row>
        <v-col cols="12">
            <SharedUiChildCard title="Tabs">
                <v-row>
                    <v-col cols="6">
                        <SharedUiChildCard title="Basic Tabs">
                            <ui-components-tabs-basic-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Color Tabs">
                            <ui-components-tabs-color-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Icon Tabs">
                            <ui-components-tabs-icon-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Icons With Label Tabs">
                            <ui-components-tabs-icons-with-label-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Center Tabs">
                            <ui-components-tabs-center-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Align Center Tabs">
                            <ui-components-tabs-align-center-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Align End Tabs">
                            <ui-components-tabs-align-end-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Disable Tabs">
                            <ui-components-tabs-disable-tabs />
                        </SharedUiChildCard>
                    </v-col>
                    <v-col cols="6">
                        <SharedUiChildCard title="Custom Icons">
                            <ui-components-tabs-custom-icons />
                        </SharedUiChildCard>
                    </v-col>
                </v-row>
            </SharedUiChildCard>
        </v-col>
    </v-row>
</template>
