import { GearIcon, GlobeIcon, LockIcon, PaperAirplaneIcon, PeopleIcon, PersonIcon, ServerIcon } from '@primer/octicons-react' import { Form } from '@remix-run/react' import { cn } from '~/utils/cn' import { type Context } from '~/utils/config' import { type SessionData } from '~/utils/sessions' import Menu from './Menu' import TabLink from './TabLink' type Properties = { readonly data?: Context & { user?: SessionData['user'] }; } type LinkProperties = { readonly href: string; readonly text: string; readonly isMenu?: boolean; } function Link({ href, text, isMenu }: LinkProperties) { return ( ) } export default function Header({ data }: Properties) { return (

Headplane

{data?.user ? (

{data.user.name}

{data.user.email}

) : undefined}
) }