Use firstOption / lastOption for props

This commit changes the RadioSwitch API to accept two options -
`firstOption` and `lastOption`, both accepting an object with
`label` and `value` properties.

README.md

@@ -102,10 +102,8 @@ import { RadioSwitch } from 'ffe-radio-button-react';
     name="some-setting"
     label="En innstilling"
     onChange={ function }
-    switch1Label="På"
-    switch1Value={ true }
-    switch2Label="Av"
-    switch2Value={ false }
+    firstOption={ { label: 'På', value: true } }
+    lastOption={ { label: 'Av', value: false } }
     value={ true }
 />
 ```

src/radio-switch.jsx

@@ -8,12 +8,10 @@ const RadioSwitch = (props) => {
         value,
         disabled,
         label,
-        switch1Label,
-        switch2Label,
+        firstOption,
+        lastOption,
         name,
         onChange,
-        switch1Value,
-        switch2Value,
     } = props;
 
     return (
@@ -25,17 +23,17 @@ const RadioSwitch = (props) => {
             onChange={onChange}
         >
             <RadioBase
-                checked={value === switch1Value}
-                label={switch1Label}
+                checked={value === firstOption.value}
+                label={firstOption.label}
                 labelClasses="ffe-radio-switch"
-                value={switch1Value}
+                value={firstOption.value}
             />
             <span> </span>
             <RadioBase
-                checked={value === switch2Value}
-                label={switch2Label}
+                checked={value === lastOption.value}
+                label={lastOption.label}
                 labelClasses="ffe-radio-switch"
-                value={switch2Value}
+                value={lastOption.value}
             />
         </RadioButtonGroup>
     );
@@ -44,13 +42,17 @@ const RadioSwitch = (props) => {
 RadioSwitch.propTypes = {
     value: PropTypes.string,
     disabled: PropTypes.bool,
+    firstOption: PropTypes.shape({
+        label: PropTypes.node.isRequired,
+        value: PropTypes.any.isRequired
+    }).isRequired,
     label: PropTypes.string,
-    switch1Label: PropTypes.any.isRequired,
-    switch2Label: PropTypes.any.isRequired,
+    lastOption: PropTypes.shape({
+        label: PropTypes.node.isRequired,
+        value: PropTypes.any.isRequired
+    }).isRequired,
     name: PropTypes.string,
     onChange: PropTypes.func,
-    switch1Value: PropTypes.any.isRequired,
-    switch2Value: PropTypes.any.isRequired,
 };
 
 export default RadioSwitch;

src/radio-switch.test.js

@@ -13,8 +13,8 @@ describe('<RadioSwitch />', () => {
         const checkedValue = 2;
         const wrapper = shallow(
             <RadioSwitch
-                switch1Label="one" switch2Label="two"
-                switch1Value={ 1 } switch2Value={ 2 }
+                firstOption={ { label: 'one', value: 1 } }
+                lastOption={ { label: 'two', value: 2 } }
                 value={ checkedValue }
             />
         );