"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativePaper = require("react-native-paper");
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
const useStyles = () => {
  const theme = (0, _reactNativePaper.useTheme)();
  const {
    bottom
  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
  const styles = _reactNative.StyleSheet.create({
    container: {
      flex: 1
    },
    labelContainer: {
      paddingHorizontal: 16,
      paddingVertical: 12,
      backgroundColor: theme.colors.backgroundShade1
    },
    scrollContainer: {
      flex: 1
    },
    colorBase: {
      color: theme.colors.base
    },
    colorBaseShade1: {
      color: theme.colors.baseShade1
    },
    separator: {
      height: 8,
      backgroundColor: theme.colors.secondaryShade4
    },
    divider: {
      height: 1,
      backgroundColor: theme.colors.secondaryShade4,
      marginHorizontal: 16
    },
    pendingPostListContainer: {
      flexGrow: 1,
      paddingBottom: bottom + 24
    },
    pendingPostContainer: {
      paddingTop: 12,
      paddingHorizontal: 16,
      justifyContent: 'space-between',
      alignItems: 'center',
      flexDirection: 'row'
    },
    pendingPostAvatar: {
      width: 32,
      height: 32,
      borderRadius: 24
    },
    pendingPostCreatorContainer: {
      flex: 1,
      flexDirection: 'row',
      alignItems: 'center',
      gap: 8
    },
    userNameContainer: {
      gap: 2,
      flexShrink: 1
    },
    displayNameRow: {
      flexDirection: 'row',
      alignItems: 'center',
      gap: 4
    },
    displayNameTouchable: {
      flexShrink: 1
    },
    pendingPostContentContainer: {
      paddingVertical: 8,
      paddingHorizontal: 16
    },
    actionContainer: {
      gap: 12,
      flexDirection: 'row',
      alignItems: 'center',
      paddingVertical: 12,
      paddingHorizontal: 16,
      justifyContent: 'space-between'
    },
    actionButton: {
      flex: 1
    },
    emptyContainer: {
      gap: 8,
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center'
    },
    emptyTitle: {
      color: theme.colors.baseShade3
    }
  });
  return {
    styles,
    theme
  };
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map