import { StyleSheet, useWindowDimensions, Platform } from 'react-native';
import { useTheme } from 'react-native-paper';
export const useStyles = () => {
  const theme = useTheme();
  const {
    width
  } = useWindowDimensions();
  const styles = StyleSheet.create({
    root: {
      height: '100%',
      paddingBottom: 40
    },
    suggestionContainer: {},
    container: {
      flex: 1,
      backgroundColor: theme.colors.background
    },
    input: {
      backgroundColor: theme.colors.baseShade4,
      borderRadius: 20,
      fontWeight: '400',
      width: '90%',
      paddingHorizontal: 16,
      paddingVertical: 10,
      color: theme.colors.base
    },
    inputWrap: {
      width: '100%',
      gap: 8,
      borderTopWidth: 1,
      paddingVertical: 8,
      flexDirection: 'row',
      alignItems: 'center',
      paddingHorizontal: 12,
      justifyContent: 'space-between',
      borderTopColor: theme.colors.baseShade4,
      backgroundColor: theme.colors.background
    },
    postDisabledBtn: {
      color: '#A0BDF8',
      fontSize: 16
    },
    postBtnText: {
      color: theme.colors.primary,
      fontSize: 16
    },
    postBtn: {
      marginHorizontal: 12,
      marginBottom: 4
    },
    commentItem: {
      padding: 16,
      borderBottomWidth: 1,
      borderBottomColor: theme.colors.baseShade4
    },
    comment: {
      fontSize: 14
    },
    commentListWrap: {
      borderTopWidth: 1,
      borderTopColor: theme.colors.baseShade4
    },
    textInput: {
      fontSize: 15,
      width: '100%',
      paddingVertical: 0,
      paddingTop: 0,
      color: theme.colors.base
    },
    transparentText: {
      color: 'transparent'
    },
    inputContainer: {
      flex: 1,
      borderRadius: 20,
      backgroundColor: theme.colors.baseShade4,
      paddingVertical: Platform.OS === 'android' ? 8 : 12,
      paddingHorizontal: Platform.OS === 'android' ? 12 : 14,
      maxHeight: 5 * 20 + (Platform.OS === 'android' ? 8 * 2 : 12 * 2)
    },
    mentionText: {
      color: theme.colors.primary,
      fontSize: 15
    },
    inputText: {
      color: theme.colors.base,
      fontSize: 15,
      letterSpacing: 0
    },
    overlay: {
      ...StyleSheet.absoluteFillObject,
      // Take up the whole screen
      justifyContent: 'center',
      alignItems: 'flex-start',
      paddingHorizontal: 12
    },
    inputTextOverlayWrap: {
      flexDirection: 'row',
      backgroundColor: theme.colors.baseShade4
    },
    replyLabelWrap: {
      height: 40,
      backgroundColor: theme.colors.baseShade4,
      paddingVertical: 10,
      justifyContent: 'space-between',
      flexDirection: 'row',
      alignItems: 'center'
    },
    replyLabel: {
      color: theme.colors.baseShade1,
      fontSize: 15,
      paddingLeft: 16,
      paddingRight: 12
    },
    closeIcon: {
      marginRight: 12
    },
    userNameLabel: {
      fontSize: 15,
      fontWeight: '600',
      color: theme.colors.baseShade1
    },
    commentListFooter: {
      width: width,
      position: 'absolute',
      bottom: 0,
      left: 0,
      right: 0
    },
    disabledCommentWrap: {
      flexDirection: 'row',
      alignItems: 'center',
      justifyContent: 'center',
      padding: 16,
      gap: 8,
      borderTopWidth: 1,
      borderTopColor: theme.colors.baseShade4
    },
    disabledCommentText: {
      color: theme.colors.baseShade2
    },
    emptyContainer: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center'
    },
    listContent: {
      flexGrow: 1
    },
    emptyText: {
      color: theme.colors.baseShade2,
      fontSize: 15
    }
  });
  return styles;
};
//# sourceMappingURL=styles.js.map