Mini Kabibi Habibi

layout servicePickerFlyout
{
    constant:
        serviceButtonSize: 12;
        flyoutMarginWidth: 10;
        flyoutMarginHeight: 6;

    interface:
        showFlyoutCloseButton: true;
        showPartnerModels: false;

    view service_picker_flyout_view(placement: place_column,
                                font: staticSmallFont,
                                horizontal: align_fill,
                                spacing: 0,
                                qDebugDraw: false)
    {
        // top row has close button and must go to the edge
        row(horizontal: align_fill, margin: [10, 10, 0, 10])
        {
            column(vertical: align_fill)
            {
                TStaticText(
                    name: '$$$/SyntheticTextToImage/Settings/ModelSelector/Label=Choose an Adobe model',
                    identifier: @servicePickerLabel,
                    horizontal: align_left,
                    font: boldFont,
                    customFontSize: serviceButtonSize,
                    useDefaultColor: true,
                    isLabel: false,
                    vertical: align_center);

                TStaticText(
                    name: '$$$/SyntheticTextToImage/Settings/ModelSelector/BottomLabelLink=Commercially safe',
                    identifier : @learnMoreFirefly,
                    horizontal: align_left,
                    font: staticFont,
                    customFontSize: 10);
            }

            TIconButton(identifier: @closeFlyout,
                        tooltip: '$$$/SyntheticTextToImage/Settings/CloseButton/Name=Close',
                        width: 28,
                        height: 28,
                        dataType: 'int32',
                        iconRootName: 'CloseControl',
                        vertical: align_center,
                        horizontal: align_right);
        }

        // rest of content is a column in a row with a spacer to the right
        row(horizontal: align_fill, margin: [10,10,0,10]) {
            column() {
                TView(  identifier       : @pickerPlaceHolder,
                        horizontal       : align_fill,
                        vertical         : align_fill,
                        placement        : place_column )
                {

                }
            }
        }

        TOptional(bind: @showPartnerModels) {
            row(horizontal: align_fill, margin: [0, 10, 0, 10])
            {
                TStaticText(
                    name: '$$$/SyntheticTextToImage/Settings/ModelSelector/PartnerLabel=Partner Models',
                    identifier: @servicePickerPartnerLabel,
                    horizontal: align_left,
                    font: boldFont,
                    customFontSize: serviceButtonSize,
                    useDefaultColor: true,
                    isLabel: false,
                    vertical: align_center);
            }

            // rest of content is a column in a row with a spacer to the right
            row(horizontal: align_fill, margin: [0,10,10,10]) {
                column() {
                    TView(  identifier       : @partnerPickerPlaceHolder,
                            horizontal       : align_fill,
                            vertical         : align_fill,
                        //  verticalScroll   : false,
                        //  horizontalScroll : false,
                            placement        : place_column )
                    {

                    }
                }
            }
        }
    }
}