import React from 'react';
import { Layout, Typography, Dropdown, Avatar, Space } from 'antd';
import { UserOutlined, LogoutOutlined } from '@ant-design/icons';
import type { MenuProps } from 'antd';
import { useStore } from '../../store';
const { Header } = Layout;
export const TopNav: React.FC = () => {
const user = useStore((s) => s.user);
const logout = useStore((s) => s.logout);
const menuItems: MenuProps['items'] = [
{
key: 'logout',
icon: ,
label: 'Sign out',
onClick: logout,
},
];
return (
mRemotify
} />
{user?.username}
);
};