import Title from "../Title";
import {Arrow} from "../../shared/icons/arrow";

const PointWay = ({text, icon, type, onCLick, textColor, bgColor, iconBg, arrowColor}) => {
    return (
        <div className="lynked-pointWays" style={{backgroundColor: `${bgColor}`}} onClick={() => onCLick(type)}>
            <div className="lynked-pointsWays-item lynked-pointsWays-item-menu">
                <div className="lynked-pointsWays-icon" style={{backgroundColor: iconBg}}>
                    {icon}
                </div>
                <Title text={text} color={textColor}/>
            </div>
            <Arrow color={arrowColor}/>
        </div>
    );
};

export default PointWay;