"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
const useStyles = theme => {
  const styles = _reactNative.StyleSheet.create({
    detailActionSection: {
      borderBottomWidth: 1,
      borderBottomColor: theme.colors.baseShade4
    },
    actionSection: {
      borderTopColor: theme.colors.baseShade4,
      borderTopWidth: 1,
      flexDirection: 'row',
      marginTop: 8,
      marginBottom: 4,
      paddingVertical: 8,
      alignItems: 'center',
      justifyContent: 'space-between'
    },
    btnText: {
      color: theme.colors.baseShade2,
      fontSize: 15,
      fontWeight: '600',
      marginHorizontal: 4
    },
    likeBtn: {
      flexDirection: 'row',
      paddingRight: 6,
      alignItems: 'center'
    },
    commentBtn: {
      flexDirection: 'row',
      paddingHorizontal: 10,
      alignItems: 'center'
    },
    likedText: {
      color: theme.colors.primary,
      fontSize: 15,
      fontWeight: '600',
      marginHorizontal: 4
    },
    countSection: {
      marginVertical: 4,
      flexDirection: 'row',
      justifyContent: 'space-between'
    },
    likeCountText: {
      fontSize: 13,
      color: theme.colors.baseShade2
    },
    commentCountText: {
      fontSize: 13,
      color: theme.colors.baseShade2
    },
    row: {
      flexDirection: 'row',
      alignItems: 'center'
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map