const WB_AC = window.WhitebirdDesignSystem_7d8137;

function AccountPage({ email, onExit }) {
  const { Card, Button, CourseTicker } = WB_AC;
  return (
    <div className="wb-page">
      <SiteHeader variant="white" />
      <CourseTicker items={window.WB_RATES} />
      <main className="wb-auth">
        <Card variant="dialog" style={{ maxWidth: '640px', width: '100%' }}>
          <div style={{ display: 'flex', alignItems: 'center', gap: '16px', flexWrap: 'wrap' }}>
            <div>
              <h1 style={{ margin: '0 0 6px', fontSize: 'var(--wb-size-card-title)', fontWeight: 'var(--wb-weight-bold)', color: 'var(--wb-ink)' }}>Вход подтверждён</h1>
              <p style={{ margin: 0, fontSize: 'var(--wb-size-small)', color: 'var(--wb-muted)' }}>{email || 'yourmail@mail.com'}</p>
            </div>
            <Button variant="outline" size="md" style={{ marginLeft: 'auto' }} onClick={onExit}>Выйти</Button>
          </div>
          <p style={{ margin: '22px 0 0', fontSize: 'var(--wb-size-xs)', color: 'var(--wb-soft)', lineHeight: 1.5 }}>
            Личный кабинет не входит в предоставленные исходники — экран оставлен заглушкой.
          </p>
        </Card>
      </main>
      <SiteFooter />
    </div>
  );
}

Object.assign(window, { AccountPage });