<script>
/**
	Single radio button

		// Can be created dynamically
		var radioButton = new OreeshRadioButton();
	
	
		<!-- Or via HTML -->
		<!-- Basic example -->
		<oreesh-radio-button label="label">
			Basic button
		</oreesh-radio-button>
		
		<!-- A pre-selected button -->
		<oreesh-radio-button slected>
			Already selected
		</oreesh-radio-button>
		
		<!-- A disabled button -->
		<oreesh-radio-button label="label" disabled>
			Disabled button
		</oreesh-radio-button>

	@class oreesh-radio-button
**/
/**
	The text that is the middle of the round button

	@attribute label
**/
/**
	The value of the button

	@attribute value
**/
/**
	Sets the button to the selected state

	@attribute selected
**/
/**
	Disables the button from user interaction

	@attribute disabled
**/
/**
	The element `border: none;` style

	@attribute no-border
**/
/**
	The element `border-color: transparent;` style

	@attribute no-border-color
**/
</script>
<dom-module id="oreesh-radio-button">
	<template>
		<link rel="stylesheet" is="custom-style" href="./oreesh-radio-button.css">
		<div class="buttonColumn">
			<div class="button">
				<paper-ripple center class="circle"></paper-ripple>
				<div class="focus-circle"></div>
				<div class="label">{{label}}</div>
				<img source="<%- svg.radio_o %>" class="icon" />
			</div>
		</div>
		<div class="itemColumn">
			<content></content>
		</div>
	</template>
</dom-module>

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