text: var
  	kind = require('enyo/kind');
  
  var
  	FittableRows = require('layout/FittableRows'),
  	BodyText = require('moonstone/BodyText'),
  	Divider = require('moonstone/Divider'),
  	RadioItem = require('moonstone/RadioItem'),
  	RadioItemGroup = require('moonstone/RadioItemGroup');
  
  module.exports = kind({
  	name: 'moon.sample.RadioItemSample',
  	classes: 'moon enyo-unselectable enyo-fit moon-radio-item-sample',
  	kind: FittableRows,
  	components: [
  		{fit: true, components: [
  			{kind: Divider, content: 'Radio Items'},
  			{style: 'margin: 0 10px', onActivate: 'buttonActivated', components: [
  				{kind: RadioItem, content: 'Cat'},
  				{kind: RadioItem, content: 'Dog'},
  				{kind: RadioItem, content: 'Whale', disabled: true},
  				{kind: RadioItem, content: 'Monte Verde Golden Toad'}
  			]},
  			{classes: 'moon-1v'},
  			{kind: Divider, content: 'Radio Item Group'},
  			{kind: RadioItemGroup, onActivate: 'buttonActivated', components: [
  				{content: 'Raspberry'},
  				{content: 'Blackberry'},
  				{content: 'Strawberry', disabled: true},
  				{content: 'Persimmon is botanical berries'}
  			]},
  			{classes: 'moon-1v'},
  			{kind: Divider, content: 'Pre-selected Radio Item Group'},
  			{kind: RadioItemGroup, onActivate: 'buttonActivated', components: [
  				{content: 'Creek'},
  				{content: 'River', selected: true},
  				{content: 'Waterfall', disabled: true},
  				{content: 'Ocean is big big big water'}
  			]}
  		]},
  		{kind: Divider, content: 'Result'},
  		{kind: BodyText, name: 'result', content: 'No action yet.'}
  	],
  	buttonActivated: function (sender, ev) {
  		var originator = ev.originator,
  			str = 'The \'';
  
  		if (!originator || !this.hasNode()) {
  			return;
  		}
  
  		str += (ev.originator.getActive() && ev.originator.kind === 'moon.RadioItem') ? originator.getContent() : originator.name;
  		str +=  '\' item is selected.';
  
  		this.$.result.setContent(str);
  	}
  });