import { StyleSheet, Dimensions, Platform } from 'react-native';
import { useTheme } from 'react-native-paper';
const {
  width,
  height
} = Dimensions.get('window');
export const useStyles = () => {
  const theme = useTheme();
  const styles = StyleSheet.create({
    video: {
      width: width,
      height: width * 16 / 9
    },
    container: {
      flex: 1,
      backgroundColor: '#000'
    },
    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: {
      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: 35,
      width: 35,
      borderRadius: 100
    },
    avatarText: {
      fontWeight: 'bold',
      color: 'white',
      paddingLeft: 10,
      fontSize: 14
    },
    avatarSubText: {
      color: theme.colors.background,
      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: 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: theme.colors.background
    },
    hyperlinkContainer: {
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: theme.colors.baseShade1,
      borderRadius: 50,
      paddingHorizontal: 16,
      paddingVertical: 4,
      bottom: 30,
      alignSelf: 'center'
    },
    hyperlinkText: {
      marginLeft: 8,
      color: '#000'
    },
    error: {
      textAlign: 'center',
      color: theme.colors.background
    },
    storyCreateIcon: {
      position: 'absolute',
      left: 25,
      top: 25
    },
    bottomSheet: {
      borderTopLeftRadius: 20,
      borderTopRightRadius: 20,
      backgroundColor: theme.colors.background,
      width: width,
      height: 0.95 * 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'
    }
  });
  return styles;
};
//# sourceMappingURL=styles.js.map