<script>
/**
	Group of radio buttons

		// Can be created dynamically
		var radio = new OreeshRadio();
	
	
		<!-- Or via HTML -->
		<!-- Basic Example -->
		<oreesh-radio>
			<oreesh-radio-button label="1" value="0">Elephant</oreesh-radio-button>
			<oreesh-radio-button label="2" value="1">Tiger</oreesh-radio-button>
			<oreesh-radio-button label="3" value="2">Shark</oreesh-radio-button>
		</oreesh-radio>
		
		<!-- Disabled -->
		<oreesh-radio disabled>
			<oreesh-radio-button label="1" value="0">Kangaroo</oreesh-radio-button>
			<oreesh-radio-button label="2" value="1">Snake</oreesh-radio-button>
		</oreesh-radio>

	@class oreesh-radio
**/
/**
	Disables the whole group of radio buttons

	@attribute disabled
**/
/**
	Holds the value of the currently selected oreesh-radio-button

	@attribute value
**/
/**
	The currently selcted oreesh-radio-button style `border: none;`

	@attribute no-border
**/
/**
	The currently selcted oreesh-radio-button style `border-color: transparent;`

	@attribute no-border-color
**/
</script>

<dom-module id="oreesh-radio">
	<template>
		<iron-a11y-keys is="auto-binding" keys="left" on-keys-pressed="_pressLeft"></iron-a11y-keys>
		<iron-a11y-keys is="auto-binding" keys="right" on-keys-pressed="_pressRight"></iron-a11y-keys>
		<iron-a11y-keys is="auto-binding" keys="space enter" on-keys-pressed="_pressSelect"></iron-a11y-keys>

		<content></content>
	</template>
</dom-module>

<script src="./oreesh-radio.js"></script>