"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativePaper = require("react-native-paper");
const {
  width,
  height
} = _reactNative.Dimensions.get('window');
const useStyles = () => {
  const theme = (0, _reactNativePaper.useTheme)();
  const styles = _reactNative.StyleSheet.create({
    video: {
      width: width,
      height: height - 50
    },
    container: {
      flex: 1,
      backgroundColor: '#000'
    },
    flex: {
      flex: 1
    },
    flexCol: {
      flex: 1,
      flexDirection: 'column'
    },
    flexRowCenter: {
      flexDirection: 'row',
      alignItems: 'center'
    },
    image: {
      width: width,
      height: height - 50,
      resizeMode: 'cover'
    },
    backgroundContainer: {
      position: 'absolute',
      top: 0,
      bottom: 0,
      left: 0,
      right: 0
    },
    spinnerContainer: {
      zIndex: -100,
      position: 'absolute',
      justifyContent: 'center',
      backgroundColor: 'black',
      alignSelf: 'center',
      width: width,
      height: height
    },
    animationBarContainer: {
      flexDirection: 'row',
      paddingTop: 10,
      paddingHorizontal: 10
    },
    animationBackground: {
      height: 2,
      flex: 1,
      flexDirection: 'row',
      backgroundColor: 'rgba(117, 117, 117, 0.5)',
      marginHorizontal: 2
    },
    userContainer: {
      height: 50,
      flexDirection: 'row',
      justifyContent: 'space-between',
      paddingHorizontal: 15
    },
    avatarImage: {
      height: 30,
      width: 30,
      borderRadius: 100
    },
    avatarText: {
      fontWeight: 'bold',
      color: 'white',
      paddingLeft: 10
    },
    closeIconContainer: {
      alignItems: 'center',
      justifyContent: 'center',
      height: 50,
      paddingHorizontal: 15
    },
    pressContainer: {
      flex: 1,
      flexDirection: 'row'
    },
    swipeUpBtn: {
      position: 'absolute',
      right: 0,
      left: 0,
      alignItems: 'center',
      bottom: _reactNative.Platform.OS === 'ios' ? 20 : 50
    },
    whiteText: {
      color: 'white'
    },
    swipeText: {
      color: 'white',
      marginTop: 5
    },
    footer: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
      marginBottom: 50,
      paddingHorizontal: 20
    },
    seenContainer: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center'
    },
    iconContainer: {
      marginHorizontal: 3,
      paddingHorizontal: 10,
      paddingVertical: 5,
      borderRadius: 20,
      backgroundColor: theme.colors.onBackground,
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center'
    },
    seen: {
      marginLeft: 5,
      fontSize: 12,
      color: theme.colors.background
    },
    animationBar: {
      height: 2,
      backgroundColor: 'white'
    },
    hyperlinkContainer: {
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: theme.colors.baseShade1,
      borderRadius: 10,
      paddingHorizontal: 10,
      paddingVertical: 5,
      position: 'absolute',
      left: width * 0.5 - 75,
      bottom: 30,
      alignSelf: 'center'
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map