const WaysToRedeem = ({popupSettingsObj}) => {
    return (
        <div className="lynked-waysToRedeem" style={{backgroundColor: popupSettingsObj.content_item_bg}}>
            <div className="lynked-title" style={{color: popupSettingsObj.content_text_color}}>Collect points, earn vouchers!</div>
            <div className="lynked-reward-content-description-wrapper">
                <div className="lynked-info--wrapper">
                    <div className="lynked-points" style={{color: popupSettingsObj.content_text_color}}>Earn points every time you shop
                        in-store or online. Once you reach a points target, you'll receive a reward to use on future
                        purchases.
                    </div>
                    <div className="lynked-points" style={{color: popupSettingsObj.content_text_color}}>You can view your rewards anytime
                        in the <b>Lynked app (iOS/Android)</b> or on your online shopping account for any loyalty program
                        you're enrolled in.
                    </div>
                </div>
                <div className="lynked-redeem-rewards-info"
                     style={{color: popupSettingsObj.content_text_color, backgroundColor: popupSettingsObj.content_bg_color}}>You can
                    redeem rewards by shopping in store.
                </div>
            </div>
        </div>
    );
};

export default WaysToRedeem;