"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 styles = _reactNative.StyleSheet.create({
    container: {
      flexDirection: 'column',
      width: 268,
      minHeight: 222,
      borderRadius: 8,
      borderWidth: 1,
      borderColor: theme.colors.baseShade4
    },
    imagePlaceholder: {
      width: '100%',
      height: 134,
      backgroundColor: theme.colors.secondaryShade3,
      flexDirection: 'row',
      justifyContent: 'center',
      alignItems: 'center',
      borderTopLeftRadius: 8,
      borderTopRightRadius: 8
    },
    image: {
      width: '100%',
      height: 134,
      overflow: 'hidden'
    },
    detailWrap: {
      padding: 12
    },
    communityNameWarp: {
      flexDirection: 'row',
      gap: 2,
      alignItems: 'center',
      marginBottom: 4
    },
    communityName: {
      flex: 1,
      color: theme.colors.base
    },
    detailBottomWrap: {
      alignItems: 'flex-start',
      justifyContent: 'space-between',
      flexDirection: 'row',
      gap: 8
    },
    detailBottomWrapLeft: {
      flex: 1
    },
    detailBottomWrapRight: {
      height: '100%',
      alignItems: 'flex-end',
      flexDirection: 'row'
    },
    displayName: {
      flexDirection: 'row',
      gap: 2,
      alignItems: 'center',
      marginBottom: 4
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map