"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
var _reactNativePaper = require("react-native-paper");
const useStyles = () => {
  const theme = (0, _reactNativePaper.useTheme)();
  const {
    bottom
  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
  const {
    width,
    height
  } = (0, _reactNative.useWindowDimensions)();
  const styles = _reactNative.StyleSheet.create({
    container: {
      width,
      height,
      backgroundColor: 'transparent'
    },
    modal: {
      borderTopLeftRadius: 20,
      borderTopRightRadius: 20,
      backgroundColor: theme.colors.background,
      width: width,
      height: 0.5 * height
    },
    modalContainer: {
      paddingTop: 14,
      alignItems: 'center',
      flex: 1,
      paddingBottom: bottom
    },
    handleBar: {
      width: 36,
      backgroundColor: theme.colors.baseShade4,
      height: 5,
      marginVertical: 10,
      borderRadius: 10
    },
    errorContainer: {
      width: '100%',
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center'
    },
    errorTitle: {
      marginTop: 15,
      fontSize: 16,
      fontWeight: '600',
      color: theme.colors.baseShade3
    },
    errorDesc: {
      marginTop: 5,
      fontSize: 12,
      fontWeight: '400',
      color: theme.colors.baseShade1,
      textAlign: 'center'
    },
    reactionHeaderRow: {
      width: '100%',
      flexDirection: 'row',
      alignItems: 'center',
      paddingHorizontal: 16,
      borderBottomWidth: 1,
      borderBottomColor: theme.colors.baseShade4
    },
    reactionBtn: {
      marginRight: 20,
      paddingBottom: 14,
      alignItems: 'center',
      justifyContent: 'center',
      minWidth: 50,
      flexDirection: 'row'
    },
    selectedReactionBtn: {
      borderBottomWidth: 2,
      borderColor: theme.colors.primary
    },
    reaction: {
      fontSize: 17,
      fontWeight: 'bold',
      color: theme.colors.baseShade3,
      marginLeft: 2
    },
    selectedReaction: {
      color: theme.colors.primary
    },
    rowContainer: {
      flexDirection: 'row',
      justifyContent: 'space-between',
      alignItems: 'center',
      marginVertical: 10,
      paddingHorizontal: 20
    },
    reactorNameContainer: {
      flexDirection: 'row',
      justifyContent: 'flex-start',
      alignItems: 'center'
    },
    avater: {
      width: 40,
      height: 40,
      borderRadius: 30
    },
    userName: {
      color: theme.colors.base,
      fontSize: 15,
      fontWeight: '500',
      marginLeft: 10
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map