Mini Kabibi Habibi

layout serviceButton {
    constant:
        serviceButtonSize: 12;
        serviceButtonSubtitleSize: 10;
        contentWidth: 10;
        serviceTextWidth: 160;

    interface:
        serviceSelected: false;
        serviceEnabled: false;

    view service_button() {
        row(horizontal: align_fill) {
            TContainerButton(
                identifier: @pickerButton,
                placement: place_row,
                horizontal: align_fill,
                font: staticSmallFont,
                margin: [6, 10, 6, 10],
                spacing: 10
            ) {
                row(spacing: 8,horizontal: align_fill) {
                   TIconImageView(
                        identifier: @pickerButtonIcon,
                        iconRootName: 'gen_ai_firefly_icon',
                        horizontal: align_left,
                        vertical: align_center
                    );
                    column(spacing: 4, horizontal: align_fill) {
                        TStaticText(
                            identifier: @pickerButtonTitle,
                            name: '$$$/SyntheticTextToImage/Settings/AdobeFirefly/TitleNew=Adobe Firefly New',
                            font: staticFont,
                            customFontSize: serviceButtonSize,
                            useDefaultColor: true,
                            wincontrol: false,
                            eraseFirst: false,
                            isLabel: false,
                            width: serviceTextWidth
                        );
                        TStaticText(
                            identifier: @pickerButtonSubtitle,
                            name: '$$$/SyntheticTextToImage/Settings/AdobeFirefly/Subtitle=Designed to be commercially safe',
                            lines: 1,
                            width: serviceTextWidth,
                            wincontrol: false,
                            eraseFirst: false,
                            isLabel: false,
                            customFontSize: serviceButtonSubtitleSize
                        );
                    }
                }
                TOptional(
                    bind: @serviceEnabled,
                    horizontal: align_right,
                    vertical: align_center
                ) {
                    TIconButton(
                        identifier: @pickerEnableButton,
                        horizontal: align_right,
                        vertical: align_center,
                        dataType: 'int32',
                        labelPadding: 4,
                        height: 18,
                        frame: 2,
                        fontColorFromTheme: true,
                        name: '$$$/SyntheticTextToImage/Settings/Dalle3/Enable=Enable',
                        layoverText: '$$$/SyntheticTextToImage/Settings/Dalle3/Enable=Enable',
                        layoverTextPosition: align_center
                    );
                }
                TOptional(
                    bind: @serviceSelected,
                    horizontal: align_right,
                    vertical: align_center
                    ) {
                        TIconImageView(
                        identifier: @actionSearchIcon,
                            iconRootName: 'CheckmarkCircle',
                            horizontal: align_right,
                            vertical: align_center
                        );
                }
            }
        }
    }
}