import { TouchableOpacity, View } from 'react-native';
import { Typography } from '../../../../../../core/components/Typography/Typography';
import { useStyles } from './styles';
export function PendingFollowRequestsBanner({
  count,
  onPress
}) {
  const {
    styles
  } = useStyles();
  return /*#__PURE__*/React.createElement(TouchableOpacity, {
    style: styles.container,
    onPress: onPress
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.textContainer
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.dot
  }), /*#__PURE__*/React.createElement(Typography.BodyBold, {
    style: styles.title
  }, "New follow requests")), /*#__PURE__*/React.createElement(Typography.Caption, {
    style: styles.subtitle
  }, `${count} ${count === 1 ? 'request' : 'requests'} need your approval`));
}
//# sourceMappingURL=PendingFollowRequestsBanner.js.map