init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>

1 files changed, 45 insertions, 0 deletions

diff --git a/src/react/Checkbox.js b/src/react/Checkbox.js
new file mode 100644
index 0000000..bef6945
--- /dev/null
+++ b/src/react/Checkbox.js
@@ -0,0 +1,45 @@
+import React from 'react';
+
+class Checkbox extends React.Component {
+
+	render() {
+		let {checked = false, disabled, value, label, inputRef, className, name} = this.props;
+		let dataTestId = this.props['data-test-id'];
+
+		return (
+			<div className={`sdc-checkbox ${className || ''}`}>
+				<label>
+					<input
+						className='sdc-checkbox__input'
+						ref={inputRef}
+						data-test-id={dataTestId}
+						type='checkbox'
+						checked={checked}
+						name={name}
+						value={value}
+						onChange={(e) => this.onChange(e)}
+						disabled={disabled} />
+					<span className='sdc-checkbox__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;
+	}
+
+}
+
+export default Checkbox;