"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
  } = (0, _reactNative.useWindowDimensions)();
  const styles = _reactNative.StyleSheet.create({
    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
    },
    AllInputWrap: {
      backgroundColor: theme.colors.baseShade4,
      flex: 1,
      marginTop: -16
    },
    InputWrap: {
      backgroundColor: theme.colors.background,
      flexDirection: 'row',
      justifyContent: 'space-between',
      paddingHorizontal: 15,
      paddingBottom: 25,
      paddingTop: 10,
      alignItems: 'flex-end',
      borderTopWidth: 1,
      borderTopColor: theme.colors.baseShade4
    },
    postDisabledBtn: {
      color: '#A0BDF8',
      fontSize: 16
    },
    postBtnText: {
      color: theme.colors.primary,
      fontSize: 16
    },
    postBtn: {
      marginHorizontal: 12,
      marginBottom: 4
    },
    commentListContainer: {
      flex: 1,
      paddingBottom: 40,
      marginTop: 8
    },
    commentItem: {
      padding: 16,
      borderBottomWidth: 1,
      borderBottomColor: theme.colors.baseShade4
    },
    comment: {
      fontSize: 14
    },
    commentListWrap: {
      borderTopWidth: 1,
      borderTopColor: theme.colors.baseShade4
    },
    textInput: {
      borderWidth: 0,
      borderBottomWidth: 0,
      backgroundColor: 'transparent',
      fontSize: 15,
      marginHorizontal: 3,
      zIndex: 999,
      paddingTop: 0,
      width: '100%',
      borderRadius: 20

      // Additional styles if needed
    },
    transparentText: {
      color: 'transparent'
    },
    inputContainer: {
      flex: 1,
      paddingVertical: 10,
      paddingHorizontal: 12,
      backgroundColor: theme.colors.baseShade4,
      borderRadius: 20
    },
    mentionText: {
      color: theme.colors.primary,
      fontSize: 15
    },
    inputText: {
      color: theme.colors.base,
      fontSize: 15,
      letterSpacing: 0
    },
    overlay: {
      ..._reactNative.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
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map