import PropTypes from 'prop-types';
import React from 'react';
const FormSwitch = ({activeOptionName, changeAction, firstOption, secondOption}) => {
const isFirstSelected = activeOptionName === firstOption.name;
const nonActiveOption = isFirstSelected ? secondOption : firstOption;
const switchKnobClass = isFirstSelected ? "selected" : "";
return (
{isFirstSelected &&
{ firstOption.label }
}
{!isFirstSelected &&
{ secondOption.label }
}
)
}
FormSwitch.propTypes = {
activeOptionName: PropTypes.string.isRequired,
changeAction: PropTypes.func.isRequired,
firstOption: PropTypes.shape().isRequired,
secondOption: PropTypes.shape().isRequired
}
export default FormSwitch;