Project initial

initializer-page/src/components/common/form/Switch.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+const Switch = ({ id, isOn, onChange }) => {
+  return (
+    <span className='switch'>
+      <input
+        checked={isOn}
+        onChange={onChange}
+        className='switch-checkbox'
+        id={id}
+        name='switch-new'
+        type='checkbox'
+      />
+      {/* eslint-disable-next-line */}
+      <label className='switch-label' htmlFor={id}>
+        <span className='switch-button' />
+      </label>
+    </span>
+  )
+}
+
+Switch.defaultProps = {
+  isOn: false,
+  onChange: null,
+}
+
+Switch.propTypes = {
+  isOn: PropTypes.bool,
+  onChange: PropTypes.func,
+}
+
+export default Switch