"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativePaper = require("react-native-paper");
const useStyles = () => {
  const theme = (0, _reactNativePaper.useTheme)();
  const {
    width,
    height
  } = (0, _reactNative.useWindowDimensions)();
  const styles = _reactNative.StyleSheet.create({
    video: {
      width: width,
      height: width * 16 / 9
    },
    container: {
      flex: 1,
      width: width,
      backgroundColor: '#000',
      position: 'relative'
    },
    flex: {
      flex: 1
    },
    flexCol: {
      flex: 1,
      flexDirection: 'column'
    },
    flexRowCenter: {
      flexDirection: 'row',
      alignItems: 'center'
    },
    image: {
      width: width,
      height: width * (16 / 9),
      resizeMode: 'cover'
    },
    backgroundContainer: {
      width: '100%',
      flex: 1
    },
    spinnerContainer: {
      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: 40,
      width: 40,
      borderRadius: 100
    },
    avatarText: {
      fontWeight: 'bold',
      color: 'white',
      paddingLeft: 10,
      fontSize: 14
    },
    avatarSubText: {
      color: 'white',
      fontSize: 12
    },
    closeIconContainer: {
      alignItems: 'center',
      justifyContent: 'center',
      height: 50,
      paddingHorizontal: 15
    },
    menuCloseContaier: {
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center'
    },
    pressContainer: {
      flex: 1,
      flexDirection: 'row'
    },
    swipeUpBtn: {
      position: 'absolute',
      right: 0,
      left: 0,
      alignItems: 'center',
      bottom: _reactNative.Platform.OS === 'ios' ? 20 : 50
    },
    whiteText: {
      color: 'white'
    },
    threeDotsMenu: {
      marginRight: 16
    },
    swipeText: {
      color: 'white',
      marginTop: 5
    },
    footer: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
      marginBottom: 50,
      paddingHorizontal: 20
    },
    muteBtn: {
      width: 30,
      height: 30,
      position: 'absolute',
      top: 80,
      left: 16
    },
    muteIcon: {
      width: '100%',
      height: '100%'
    },
    seenContainer: {
      marginHorizontal: 3,
      paddingHorizontal: 10,
      paddingVertical: 5,
      borderRadius: 20,
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center'
    },
    iconContainer: {
      marginHorizontal: 3,
      paddingHorizontal: 10,
      paddingVertical: 5,
      borderRadius: 20,
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center'
    },
    seen: {
      marginLeft: 5,
      fontSize: 12,
      color: '#fff'
    },
    hyperlinkContainer: {
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center',
      gap: 8,
      borderColor: theme.colors.baseShade4,
      borderWidth: 1,
      backgroundColor: 'rgba(255,255,255,0.8)',
      borderRadius: 25,
      paddingHorizontal: 16,
      paddingVertical: 10,
      bottom: 30,
      alignSelf: 'center'
    },
    hyperlinkText: {
      color: theme.colors.base
    },
    error: {
      textAlign: 'center',
      color: theme.colors.background
    },
    storyCreateIcon: {
      position: 'absolute',
      left: 28,
      top: 28
    },
    bottomSheet: {
      borderTopLeftRadius: 20,
      borderTopRightRadius: 20,
      backgroundColor: theme.colors.background,
      width: width,
      height: 0.7 * height
    },
    deleteBottomSheet: {
      paddingHorizontal: 16,
      marginVertical: 8,
      backgroundColor: theme.colors.background
    },
    deleteBtn: {
      flexDirection: 'row',
      alignItems: 'center',
      gap: 12,
      backgroundColor: theme.colors.background
    },
    commentBottomSheet: {
      paddingTop: '10%',
      justifyContent: 'center',
      alignItems: 'center',
      height: '100%'
    },
    handleBar: {
      width: 36,
      backgroundColor: theme.colors.baseShade4,
      height: 5,
      marginVertical: 10,
      borderRadius: 10
    },
    commentTitle: {
      fontSize: 17,
      fontWeight: 'bold',
      color: theme.colors.base
    },
    horizontalSperator: {
      width: '100%',
      backgroundColor: theme.colors.baseShade4,
      height: 2,
      marginVertical: 10
    },
    deleteStoryTxt: {
      color: theme.colors.base,
      fontSize: 15,
      fontWeight: '600'
    },
    errorContainer: {
      width: '100%',
      position: 'absolute',
      bottom: 120,
      left: 0,
      backgroundColor: theme.colors.alert,
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'space-between',
      paddingVertical: 12,
      paddingHorizontal: 16
    },
    errorContainerLeft: {
      display: 'flex',
      flexDirection: 'row',
      alignItems: 'center',
      gap: 4
    },
    errorText: {
      color: 'white'
    },
    storyGradient: {
      position: 'absolute',
      top: 0,
      left: 0,
      width: '100%',
      height: '100%'
    },
    blurredBackground: {
      position: 'absolute',
      top: 0,
      left: 0,
      width: '100%',
      height: '100%'
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map