"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.createStyles = void 0;
var _reactNative = require("react-native");
const createStyles = () => {
  return _reactNative.StyleSheet.create({
    container: {
      flex: 1,
      position: 'relative',
      maxWidth: _reactNative.Dimensions.get('window').height / 4,
      height: _reactNative.Dimensions.get('window').height / 5,
      margin: 3
    },
    image: {
      flex: 1,
      width: '100%',
      height: '100%',
      resizeMode: 'cover',
      borderRadius: 5
    },
    overlay: {
      ..._reactNative.StyleSheet.absoluteFillObject,
      justifyContent: 'center',
      alignItems: 'center'
    },
    progressBar: {
      marginVertical: 10
    },
    loadingImage: {
      opacity: 0.5
    },
    loadedImage: {
      opacity: 1
    },
    closeButton: {
      position: 'absolute',
      top: 7,
      right: 7,
      padding: 7,
      backgroundColor: 'rgba(255, 255, 255, 0.4)',
      borderRadius: 72
    }
  });
};
exports.createStyles = createStyles;
//# sourceMappingURL=styles.js.map