import { GearIcon, GlobeIcon, LockIcon, PaperAirplaneIcon, PeopleIcon, PersonIcon, ServerIcon } from '@primer/octicons-react' import { Form } from '@remix-run/react' import { cn } from '~/utils/cn' import { HeadplaneContext } from '~/utils/config/headplane' import { type SessionData } from '~/utils/sessions' import Menu from './Menu' import TabLink from './TabLink' interface Properties { readonly data?: { acl: HeadplaneContext['acl'] config: HeadplaneContext['config'] user?: SessionData['user'] } } interface 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}
) }