import { SIDEBAR_WIDTH_PROPERTY } from '@/packages/ui/src/shadcn/constants';

import { AppLogo } from '@kit/shared/components/app-logo';
import { ProfileAccountDropdownContainer } from '@kit/shared/components/personal-account-dropdown-container';

import type { UserWorkspace } from '../../home/(user)/_lib/server/load-user-workspace';

export function AdminMenuNavigation(props: { workspace: UserWorkspace }) {
  const { accounts } = props.workspace;

  return (
    <div className={'flex w-full flex-1 items-center justify-between gap-3'}>
      <div className={`flex items-center ${SIDEBAR_WIDTH_PROPERTY}`}>
        <AppLogo href={'/admin'} />
      </div>

      <div className="flex items-center justify-end gap-3">
        <div>
          <ProfileAccountDropdownContainer accounts={accounts} />
        </div>
      </div>
    </div>
  );
}