From 1994c98063c27a41797dec01f2ca9fcbe33ceab0 Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Mon, 21 May 2018 17:42:00 +0300
Subject: init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
---
 src/react/Radio.js | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 src/react/Radio.js

(limited to 'src/react/Radio.js')

diff --git a/src/react/Radio.js b/src/react/Radio.js
new file mode 100644
index 0000000..483521a
--- /dev/null
+++ b/src/react/Radio.js
@@ -0,0 +1,58 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+class Radio extends React.Component {
+	render() {
+		let {checked, disabled, value, label, className, inputRef, name} = this.props;
+		let dataTestId = this.props['data-test-id'];
+		return (
+			<div className={`sdc-radio ${className}`}>
+				<label>
+					<input
+						ref={inputRef}
+						className='sdc-radio__input'
+						value={value}
+						data-test-id={dataTestId}
+						type='radio'
+						name={name}
+						checked={checked}
+						onChange={(e) => this.onChange(e)}
+						disabled={disabled} />
+					<span className='sdc-radio__label'>{label}</span>
+				</label>
+			</div>
+		);
+	}
+
+	onChange(e) {
+		let {onChange} = this.props;
+		if (onChange) {
+			onChange(e.target.checked);
+		}
+	}
+
+	getChecked() {
+		return this.props.checked;
+	}
+
+	getValue() {
+		return this.props.value;
+	}
+}
+
+Radio.propTypes = {
+	checked: PropTypes.bool,
+	value: PropTypes.any,
+	label: PropTypes.string,
+	className: PropTypes.string,
+	inputRef: PropTypes.func,
+	name: PropTypes.string,
+	disabled: PropTypes.bool
+};
+
+Radio.defaultProps = {
+	checked: false,
+	className: ''
+};
+
+export default Radio;
-- 
cgit 1.2.3-korg