import React, { Component } from "react";
import ArrowRightAltIcon from "@material-ui/icons/ArrowRightAlt";
export default class RadioMessage extends Component {
state = {
value: this.props.message.value,
};
handleRadioChange = (value) => {
if (this.props.isActive) this.setState({ value });
};
render() {
const { message, isActive, action } = this.props;
const { value } = this.state;
return (
{message.options.map((row) => (
))}
{isActive && (
)}
);
}
}
const Row = (props) => {
return (
{props.list.map((item) => (
))}
);
};
const Item = (props) => {
return (
props.handleRadioChange(props.item.name)}
style={{
backgroundColor:
props.item.name === props.value
? "rgb(100, 205, 130)"
: "rgba(255, 255, 255, 0.4)",
color: props.item.name === props.value ? "white" : "black",
}}
>
{props.item.name}
);
};