import { View } from 'react-native';
import { useNavigation } from '@react-navigation/native';
import BackButton from '../../../../../elements/BackButton';
import Title from '../../../../../elements/Title';
import { ElementID, PageID } from '../../../../../enums';
import { useStyles } from './styles';
export function TopBar() {
  const {
    styles
  } = useStyles();
  const navigation = useNavigation();
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(BackButton, {
    pageId: PageID.blocked_users_page,
    onPress: navigation.goBack
  }), /*#__PURE__*/React.createElement(Title, {
    pageId: PageID.blocked_users_page,
    elementId: ElementID.title
  }), /*#__PURE__*/React.createElement(View, {
    style: styles.dummy
  }));
}
//# sourceMappingURL=TopBar.js.map