SHARE
TWEET

Untitled

jdlazar2011 Dec 3rd, 2019 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. const ActioncardTop = ({ allProps: {
  2.     blueBackground,
  3.     backgroundImg,
  4.     heroText
  5.     }
  6. }) => {
  7.   return (
  8.     <div className="cardtop-container" style={{backgroundImage: `url(../../../public/images/${backgroundImg})`}}>
  9.       <NwmHeader optionalBlueBkgrd={`${blueBackground}`} />
  10.       <div className="hero-text">{`${heroText}`}</div>
  11.     </div>
  12.   );
  13. };
  14.  
  15. const NwmHeader = (optionalBlueBkgrd) => (
  16.   <div className={`${optionalBlueBkgrd} nwmHeader-div`}>
  17.     <span className="nwm-header-text">Northwestern Mutual</span>
  18.   </div>
  19. );
  20.  
  21. const ActioncardBottom = ({ allPropsOne: {
  22.   actionbottomContainer,
  23.   userImg,
  24.   headerText,
  25.   bodyText,
  26.   buttonColors,
  27.   buttonText,
  28.   buttonHeight,
  29.   hideMe
  30.   }
  31. }) => {
  32.   return (
  33.     <div className={`${actionbottomContainer}`}>
  34.       <div className="user-img" style={{backgroundImage: `url(../../../public/images/${userImg})`}} />
  35.       <div className="actionbottom-header">{`${headerText}`}</div>
  36.       <div className="bodytext-cardbottom">{`${bodyText}`}</div>
  37.       <SitewideButton
  38.         buttonColors={buttonColors}
  39.         buttonText={buttonText}
  40.         buttonHeight={buttonHeight} />
  41.       {/* set hideMe to .no-show if bottom line not needed */}
  42.       <div className={`footer-text ${hideMe}`}>
  43.         <span>WHY FRIENDSHIP BRACELETS?</span>
  44.         <span className="footer-text-chev"></span>
  45.       </div>
  46.     </div>
  47.   );
  48. };
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top