scizers-react-native-circular-progress-indicator/lib/module/components/startMarker/index.js

React Native customizable circular progress indicator

import React from 'react';
import { View, StyleSheet } from 'react-native';
import COLORS from '../../utils/colors';

const StartMarker = _ref => {
  let {
    children,
    size = 20,
    backgroundColor = null,
    position,
    containerStyle = {}
  } = _ref;
  return /*#__PURE__*/React.createElement(View, {
    style: [styles.container, {
      width: size,
      height: size,
      borderRadius: size / 2,
      backgroundColor: backgroundColor || COLORS.TRANSPARENT,
      left: position.x - size / 2,
      top: position.y - size / 2
    }, containerStyle]
  }, children);
};

const styles = StyleSheet.create({
  container: {
    position: 'absolute',
    alignItems: 'center',
    justifyContent: 'center',
    zIndex: 10
  }
});
export default StartMarker;
//# sourceMappingURL=index.js.map