<BottomNavigation@Screen>
    name: 'bottom navigation'

    BoxLayout:
        orientation: "vertical"
        spacing: "10dp"

        Toolbar:
            id: toolbar

        MDBottomNavigation:
            id: panel

            MDBottomNavigationItem:
                name: 'files1'
                text: 'Python'
                icon: 'language-python'

                MDBoxLayout:
                    orientation: 'vertical'
                    adaptive_height: True
                    spacing: dp(10)
                    pos_hint: {'center_x': .5, 'center_y': .5}

                    MDLabel:
                        font_style: 'Body1'
                        text: 'Toggle to set custom panel color'
                        halign: 'center'

                    MDSwitch:
                        size_hint: None, None
                        size: dp(36), dp(48)
                        pos_hint: {'center_x': .5}
                        on_active:
                            panel.panel_color = \
                            [0.2980392156862745, 0.2823529411764706, 0.32941176470588235, 1] \
                            if self.active else app.theme_cls.bg_dark

            MDBottomNavigationItem:
                name: 'files2'
                text: 'C++'
                icon: 'language-cpp'

                MDLabel:
                    font_style: 'Body1'
                    text: 'I programming of C++'
                    halign: 'center'

            MDBottomNavigationItem:
                name: 'files3'
                text: 'JS'
                icon: 'language-javascript'

                MDLabel:
                    font_style: 'Body1'
                    text: 'Oh god JS again'
                    halign: 'center'
