List и data.name

[Лир]

Доброго всем времени суток, недавно взялся за освоение Flex и столкнулся с проблемой. Пытаюсь создать свой компонент на основе List, в компоненте картинка и напротив неё Label - так выглядит одна строка списка. Вот код компонента:

<mx:List  top="" xmlns:mx="http://www.adobe.com/2006/mxml" width="220" height="500" xmlns:local="*">
 	<mx:itemRenderer>
		<mx:Component>
 
			<mx:Grid >
				<mx:GridRow paddingLeft="10" >
					<mx:GridItem paddingLeft="0" width="1%" paddingTop="8" >
						<local:ButtonForMenu />
					</mx:GridItem>
					<mx:GridItem width="99%">
						<mx:Label text="{data.name}" color="#000000"  />
					</mx:GridItem>
				</mx:GridRow>
			</mx:Grid>
 
		</mx:Component>
	</mx:itemRenderer>

При вызове компонента в приложении вот код:

<local:MenuList dataProvider="{['Red','Orange','Yellow','Green','Blue','Indigo',
										'Violet']}">
 
	</local:MenuList>

по идее должны браться данные из dataProvider Label-ом, но не берет. Оказалось что если Label находится не в контейнере то данные берутся, а если в контейнере то данные он почему то не видит. Подскажите плз что не так и как с этим бороться?