import QtQuick
import QtQuick.Controls

Item {
    width: 1280
    height: 720
    Column {
        TabBar {
            id: bar
            width: parent.width
            TabButton {
                text: "Table"
                font.pointSize: 9
            }
            TabButton {
                text: "Something else"
                font.pointSize: 9
            }
        }
        ScrollView {
            height: 400
            Text {
                font.pointSize: 9
                textFormat: Text.MarkdownText
                text: bar.currentIndex === 0 ? "\n| Name | Size | Format | Mip | Flags |\n| ---- | ---- | ------ | --- | ----  |\n| 10381718147657362067.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 10388182081421875623.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 11474523244911310074.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 11490520546946913238.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 11872827283454512094.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 11968150294050148237.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 1219024358953944284.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 12501374198249454378.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 13196865903111448057.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 13824894030729245199.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 13982482287905699490.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 14118779221266351425.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 14170708867020035030.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 14267839433702832875.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 14650633544276105767.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 15295713303328085182.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 15722799267630235092.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 16275776544635328252.png | 1024x1024 | RGBA8 | 11 |  |\n| 16299174074766089871.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 16885566240357350108.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 17556969131407844942.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 17876391417123941155.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 2051777328469649772.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 2185409758123873465.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 2299742237651021498.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 2374361008830720677.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 2411100444841994089.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 2775690330959970771.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 2969916736137545357.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 332936164838540657.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 3371964815757888145.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 3455394979645218238.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 3628158980083700836.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 3827035219084910048.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 4477655471536070370.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 4601176305987539675.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 466164707995436622.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 4675343432951571524.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 4871783166746854860.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 4910669866631290573.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 4975155472559461469.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 5061699253647017043.png | 1024x1024 | RGBA8 | 11 |  |\n| 5792855332885324923.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 5823059166183034438.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 6047387724914829168.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 6151467286084645207.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 6593109234861095314.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 6667038893015345571.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 6772804448157695701.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 7056944414013900257.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 715093869573992647.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 7268504077753552595.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 7441062115984513793.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 755318871556304029.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 759203620573749278.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 7645212358685992005.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 7815564343179553343.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8006627369776289000.png | 1024x1024 | RGBA8 | 11 |  |\n| 8051790464816141987.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8114461559286000061.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8481240838833932244.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8503262930880235456.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8747919177698443163.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8750083169368950601.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8773302468495022225.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 8783994986360286082.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 9288698199695299068.jpg | 1024x1024 | RGBA8 | 11 |  |\n| 9916269861720640319.jpg | 1024x1024 | RGBA8 | 11 |  |\n| :/lightmaps/qlm_sponza1.exr | 1262x1262 | RGBA16F | 1 |  |\n| :/lightmaps/qlm_suzanne1.exr | 314x310 | RGBA16F | 1 |  |\n| Suzanne_BaseColor.png | 1024x1024 | RGBA8 | 11 |  |\n| Suzanne_MetallicRoughness.png | 1024x1024 | RGBA8 | 11 |  |\n| white.png | 4x4 | RGBA8 | 3 |  |\n" : "bla bla bla\n"
            }
        }
    }
    Rectangle {
        width: 50
        height: 50
        color: "red"
        NumberAnimation on rotation { from: 0; to: 360; duration: 2000; loops: -1 }
        anchors.right: parent.right
    }
}