text: var 
  	kind = require('enyo/kind');
  
  var 
  	Button = require('enyo/Button'),
  	Control = require('enyo/Control'),
  	Repeater = require('enyo/Repeater');
  
  module.exports = kind({
  	name: "enyo.sample.RepeaterSample",
  	classes: "enyo-fit repeater-sample",
  	kind: Control,
  	components: [
  		{kind: Repeater, onSetupItem:"setupItem", components: [
  			{name:"item", classes:"repeater-sample-item", components: [
  				{tag:"span", name: "personNumber"},
  				{tag:"span", name: "personName"}
  			]}
  		]}
  	],
  	create: function() {
  		this.inherited(arguments);
  		this.$.repeater.setCount(this.people.length);
  	},
  	setupItem: function(inSender, inEvent) {
  		var index = inEvent.index;
  		var item = inEvent.item;
  		var person = this.people[index];
  		item.$.personNumber.setContent((index+1) + ". ");
  		item.$.personName.setContent(person.name);
  		item.$.personName.applyStyle("color", person.sex == "male" ? "dodgerblue" : "deeppink");
  		/* stop propagation */
  		return true;
  	},
  	people: [
  		{name: "Andrew", sex:"male"},
  		{name: "Betty", sex:"female"},
  		{name: "Christopher", sex:"male"},
  		{name: "Donna", sex:"female"},
  		{name: "Ephraim", sex:"male"},
  		{name: "Frankie", sex:"male"},
  		{name: "Gerald", sex:"male"},
  		{name: "Heather", sex:"female"},
  		{name: "Ingred", sex:"female"},
  		{name: "Jack", sex:"male"},
  		{name: "Kevin", sex:"male"},
  		{name: "Lucy", sex:"female"},
  		{name: "Matthew", sex:"male"},
  		{name: "Noreen", sex:"female"},
  		{name: "Oscar", sex:"male"},
  		{name: "Pedro", sex:"male"},
  		{name: "Quentin", sex:"male"},
  		{name: "Ralph", sex:"male"},
  		{name: "Steven", sex:"male"},
  		{name: "Tracy", sex:"female"},
  		{name: "Uma", sex:"female"},
  		{name: "Victor", sex:"male"},
  		{name: "Wendy", sex:"female"},
  		{name: "Xin", sex:"male"},
  		{name: "Yulia", sex:"female"},
  		{name: "Zoltan"}
  	]
  });