responsive.js

"use strict";

// # Responsive Component
//
// A react component that will conditionally render children that correspond
// to the currently matching "named" media query.
//
// The predefined named media queries are: "small", "not-small", "medium", and
// "large". These correspond to CSS classes that end with "-ns", "-m", etc.
// suffixes.
//
// ## Example
//
// ```
// React.createElement(Responsive, {
//   "small": ...
//   "not-small": ...
// });
// ```
//

module.exports = React.createClass({
});

So our mobile retire age would be something like

React.createElement(Responsive, {
  "small" : el("div", {children: "small age"}),
   "not-small" : el("div", {children: "not small age"})
});

?