import type { ReactNode } from 'react'
import pageStyles from './PageContent.module.css'

interface PageTitleProps {
  children: ReactNode
  /** English accent shown after a bullet (e.g. USERS). */
  en?: string
}

export function PageTitle({ children, en }: PageTitleProps) {
  return (
    <h2 className={pageStyles.pageTitle}>
      {children}
      {en ? <span className={pageStyles.pageTitleEn}>{en}</span> : null}
    </h2>
  )
}