#:import environ os.environ
#:import IconRightSampleWidget libs.baseclass.list_items.IconRightSampleWidget


<KitchenSinkLists@Screen>
    name: 'lists'

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

        Toolbar:
            id: toolbar

        ScrollView:
            do_scroll_x: False

            MDList:
                id: ml

                OneLineListItem:
                    text: "One-line item"

                TwoLineListItem:
                    text: "Two-line item"
                    secondary_text: "Secondary text here"

                ThreeLineListItem:
                    text: "Three-line item"
                    secondary_text: "This is a multi-line label where you can"
                    tertiary_text: "fit more text than usual"

                OneLineAvatarListItem:
                    text: "Single-line item with avatar"
                    ImageLeftWidget:
                        source: f'{environ["KITCHEN_SINK_ASSETS"]}avatar.png'

                TwoLineAvatarListItem:
                    type: "two-line"
                    text: "Two-line item..."
                    secondary_text: "with avatar"
                    ImageLeftWidget:
                        source: f'{environ["KITCHEN_SINK_ASSETS"]}avatar.png'

                ThreeLineAvatarListItem:
                    type: "three-line"
                    text: "Three-line item..."
                    secondary_text: "...with avatar..."
                    tertiary_text: "and third line!"
                    ImageLeftWidget:
                        source: f'{environ["KITCHEN_SINK_ASSETS"]}avatar.png'

                OneLineIconListItem:
                    text: "Single-line item with left icon"
                    IconLeftWidget:
                        id: li_icon_1
                        icon: 'star-circle'

                TwoLineIconListItem:
                    text: "Two-line item..."
                    secondary_text: "...with left icon"
                    IconLeftWidget:
                        id: li_icon_2
                        icon: 'comment-text'

                ThreeLineIconListItem:
                    text: "Three-line item..."
                    secondary_text: "...with left icon..."
                    tertiary_text: "and third line!"
                    IconLeftWidget:
                        id: li_icon_3
                        icon: 'sd'

                OneLineAvatarIconListItem:
                    text: "Single-line + avatar&icon"
                    ImageLeftWidget:
                        source: f'{environ["KITCHEN_SINK_ASSETS"]}avatar.png'
                    IconRightSampleWidget:

                TwoLineAvatarIconListItem:
                    text: "Two-line item..."
                    secondary_text: "...with avatar&icon"
                    ImageLeftWidget:
                        source: f'{environ["KITCHEN_SINK_ASSETS"]}avatar.png'
                    IconRightSampleWidget:

                ThreeLineAvatarIconListItem:
                    text: "Three-line item..."
                    secondary_text: "...with avatar&icon..."
                    tertiary_text: "and third line!"
                    ImageLeftWidget:
                        source: f'{environ["KITCHEN_SINK_ASSETS"]}avatar.png'
                    IconRightSampleWidget:
