itemrenderer with icon

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
					xmlns:s="library://ns.adobe.com/flex/spark" height="100" width="100%">
 
	<fx:Script>
		<![CDATA[
 
			[Embed(source="assets/images/rightArrowBlue.png")]
			[Bindable]
			public var arrowImage:Class;
		]]>
	</fx:Script>
 
	<s:SkinnableContainer skinClass="skins.ItemRendererSkin" width="100%" height="100%">
		<s:Label text="{data.title}" left="20" top="20" verticalAlign="middle"/>
		<s:Group right="0" top="0">
			<s:Image source="{arrowImage}"/>				
		</s:Group>
	</s:SkinnableContainer>
 
 
</s:ItemRenderer>
 
/////////////////////
 
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
		xmlns:s="library://ns.adobe.com/flex/spark">
	<!-- host component -->
	<fx:Metadata>
		[HostComponent("spark.components.SkinnableContainer")]
	</fx:Metadata>
 
	<!-- states -->
	<s:states>
		<s:State name="disabled" />
		<s:State name="normal" />
	</s:states>
 
	<s:Rect top="0" bottom="0" right="0" left="0">
		<s:fill>
			<s:LinearGradient rotation="90">
				<s:GradientEntry color="0xffffff"/>
				<s:GradientEntry color="0xeeeeee"/>
			</s:LinearGradient>
		</s:fill>
	</s:Rect>
 
	<s:Group id="contentGroup"/>
 
	<!-- SkinParts
	name=contentGroup, type=spark.components.Group, required=false
	-->
</s:Skin>