import { View } from 'react-native';
import { useStyles } from './styles';
import BackButton from '../../../../../elements/BackButton';
import { useNavigation } from '@react-navigation/native';
import { Typography } from '../../../../../../core/components/Typography/Typography';
import { PageID } from '../../../../../enums';
export function TopBar({
  displayName
}) {
  const {
    styles
  } = useStyles();
  const navigation = useNavigation();
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(BackButton, {
    pageId: PageID.user_relationship_page,
    onPress: navigation.goBack
  }), /*#__PURE__*/React.createElement(Typography.TitleBold, {
    numberOfLines: 1,
    ellipsizeMode: "tail",
    style: styles.displayName
  }, displayName), /*#__PURE__*/React.createElement(View, {
    style: styles.dummy
  }));
}
//# sourceMappingURL=TopBar.js.map