"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.createStyles = void 0;
var _reactNative = require("react-native");
const {
  height,
  width
} = _reactNative.Dimensions.get('window');
const createStyles = () => {
  return _reactNative.StyleSheet.create({
    container: {
      flex: 1,
      width: '100%',
      minWidth: width * 0.25,
      height: height / 6,
      margin: 3
    },
    image: {
      flex: 1,
      width: '100%',
      height: '100%',
      resizeMode: 'cover',
      borderRadius: 5,
      backgroundColor: '#bcbcbc'
    },
    thumbnail: {
      flex: 1,
      width: width,
      height: height,
      borderRadius: 5
    },
    overlay: {
      position: 'absolute',
      top: '50%',
      left: '50%',
      transform: [{
        translateX: -25
      }, {
        translateY: -25
      }]
    },
    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
    },
    playButton: {
      width: 100,
      height: 100,
      borderRadius: 50,
      position: 'absolute',
      top: '50%',
      left: '50%',
      transform: [{
        translateX: -25
      }, {
        translateY: -25
      }],
      zIndex: 1
    }
  });
};
exports.createStyles = createStyles;
//# sourceMappingURL=styles.js.map