hover_second.xml

<canvas size="150x150">
	<content>
		<widget size="150x150" type="*container.DocTabs">
			<container size="150x36">
				<widget size="70x36" type="*widget.Scroll">
					<container size="165x36">
						<widget size="80x36" type="*container.tabButton">
							<text bold color="primary" pos="8,8" size="64x20">Test1</text>
						</widget>
						<widget pos="84,0" size="80x36" type="*container.tabButton">
							<text bold pos="8,8" size="64x20">Test2</text>
						</widget>
					</container>
					<widget pos="0,30" size="70x6" type="*widget.scrollBarArea">
						<widget pos="0,3" size="29x3" type="*widget.scrollBar">
							<rectangle fillColor="scrollbar" size="29x3"/>
						</widget>
					</widget>
					<widget pos="70,0" size="0x36" type="*widget.Shadow">
						<linearGradient angle="270" endColor="shadow" pos="-8,0" size="8x36"/>
					</widget>
				</widget>
				<container pos="74,0" size="76x36">
					<widget size="36x36" type="*widget.Button">
						<rectangle fillColor="rgba(62,78,78,255)" size="36x36"/>
						<rectangle size="0x0"/>
						<image fillMode="contain" pos="8,8" rsc="contentAddIcon" size="iconInlineSize"/>
					</widget>
					<widget pos="40,0" size="36x36" type="*widget.Button">
						<rectangle fillColor="button" size="36x36"/>
						<rectangle size="0x0"/>
						<image fillMode="contain" pos="8,8" rsc="more-horizontal.svg" size="iconInlineSize" themed="default"/>
					</widget>
				</container>
			</container>
			<rectangle fillColor="shadow" pos="0,36" size="150x4"/>
			<rectangle fillColor="primary" pos="0,36" size="70x4"/>
			<widget pos="0,40" size="150x109" type="*widget.Label">
				<text pos="8,8" size="134x20">Text1</text>
			</widget>
		</widget>
	</content>
</canvas>