import React from 'react';
import { ProfileMetaBox } from 'app/modules/navigation/components/profileMetaBox';
import { useSelector } from 'react-redux';
import { selectTopNavigationUserData } from '../store/topNavigation.selectors';

export const ProfileInfo = () => {
  const userData = useSelector(selectTopNavigationUserData);
  return <div className="c-profile-info">
    <ProfileMetaBox items={userData} isCentered />
  </div>;
};