import React from 'react';

import { config } from '@grafana/runtime';
import { Page } from 'app/core/components/Page/Page';
import { contextSrv } from 'app/core/core';

import UserInviteForm from './UserInviteForm';

export function UserInvitePage() {
  const subTitle = (
    <>
      Send invitation or add existing Grafana user to the organization.
      <span className="highlight-word"> {contextSrv.user.orgName}</span>
    </>
  );

  const navId = config.featureToggles.topnav ? 'global-users' : 'users';

  return (
    <Page navId={navId} pageNav={{ text: 'Invite user' }} subTitle={subTitle}>
      <Page.Contents>
        <Page.OldNavOnly>
          <h3 className="page-sub-heading">Invite user</h3>
          <div className="p-b-2">{subTitle}</div>
        </Page.OldNavOnly>
        <UserInviteForm />
      </Page.Contents>
    </Page>
  );
}

export default UserInvitePage;