// import { Loading }                        from '/imports/client/components/Loading';
import React from 'react';



export class Loading extends React.Component {

  render() {
    return (
      <div className = "loading-box">
        <div className = "loading-content">
          <svg
            version           = "1.1"
            className         = "loading-icon"
            xmlns             = "http://www.w3.org/2000/svg"
            x                 = "0px"
            y                 = "0px"
            width             = "40px"
            height            = "40px"
            viewBox           = "0 0 40 40"
            enableBackground  = "new 0 0 40 40"
          >
            <path
              opacity = "1.0"
              fill    = "#fff"
              d       = "M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,
                        14.946,14.946s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,
                        5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634c0-6.425,
                        5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,
                        26.541,26.626,31.749,20.201,31.749z"
            />
            <path
              fill    = "#0080ff"
              d       = "M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
                        C22.32,8.481,24.301,9.057,26.013,10.047z"
            />
          </svg>
        </div>
      </div>
    );
  };

};