react-native-web-ui-components/Spinner/index.js

[](https://github.com/CareLuLu/react-native-web-ui-components/issues/12) [](http

import React from 'react';
import { StyleSheet } from 'react-native';
import { withTheme } from '../Theme';
import View from '../View';
import Image from '../Image';
const styles = StyleSheet.create({
  outerContainer: {
    width: '100%',
    minHeight: 100,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center'
  },
  container: {
    width: 72,
    height: 80
  },
  spinningSunContainer: {
    position: 'absolute',
    top: 10,
    left: 15
  },
  spinningSun: {
    width: 48,
    height: 48
  }
});
const spinningSun = {
  uri: 'https://divin2sy6ce0b.cloudfront.net/images/loadingsun.gif'
};

const Spinner = () => /*#__PURE__*/React.createElement(View, {
  style: styles.outerContainer
}, /*#__PURE__*/React.createElement(View, {
  style: styles.container
}, /*#__PURE__*/React.createElement(View, {
  style: styles.spinningSunContainer
}, /*#__PURE__*/React.createElement(Image, {
  alt: "loading...",
  fixed: true,
  source: spinningSun,
  style: styles.spinningSun
}))));

export default withTheme('Spinner')(Spinner);