"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.PendingFollowRequestsBanner = PendingFollowRequestsBanner;
var _reactNative = require("react-native");
var _Typography = require("../../../../../../core/components/Typography/Typography");
var _styles = require("./styles");
function PendingFollowRequestsBanner({
  count,
  onPress
}) {
  const {
    styles
  } = (0, _styles.useStyles)();
  return /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
    style: styles.container,
    onPress: onPress
  }, /*#__PURE__*/React.createElement(_reactNative.View, {
    style: styles.textContainer
  }, /*#__PURE__*/React.createElement(_reactNative.View, {
    style: styles.dot
  }), /*#__PURE__*/React.createElement(_Typography.Typography.BodyBold, {
    style: styles.title
  }, "New follow requests")), /*#__PURE__*/React.createElement(_Typography.Typography.Caption, {
    style: styles.subtitle
  }, `${count} ${count === 1 ? 'request' : 'requests'} need your approval`));
}
//# sourceMappingURL=PendingFollowRequestsBanner.js.map