/*
 * == BSD2 LICENSE ==
 * Copyright (c) 2014, Tidepool Project
 *
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the associated License, which is identical to the BSD 2-Clause
 * License as published by the Open Source Initiative at opensource.org.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the License for more details.
 *
 * You should have received a copy of the License along with this program; if
 * not, you can obtain one from Tidepool Project at tidepool.org.
 * == BSD2 LICENSE ==
 */

var React = require('react');

var Loading = React.createClass({
  render: function() {
    return <div>Loading...</div>;
  }
});

module.exports = Loading;

@@ -723,16 +723,81 @@
 react');
+%0Avar styles = require('../../styles/components/App.module.less');
 %0A%0Avar Lo
@@ -862,16 +862,77 @@
 urn %3Cdiv
+ className=%7Bstyles.mainWrap%7D%3E%3Cdiv className=%7Bstyles.mainPage%7D
 %3ELoading
@@ -940,16 +940,22 @@
 ..%3C/div%3E
+%3C/div%3E
 ;%0A  %7D%0A%7D)

apply styling to the loading component