export function PageHeader({
  title,
  subtitle,
}: {
  title: string
  subtitle?: string
}) {
  return (
    <div className="mb-7 border-b border-arka-border pb-5">
      <div className="mb-2 text-[10px] font-semibold uppercase tracking-[0.22em] text-arka-accent">A.R.K.A. / NODE</div>
      <h1 className="text-2xl font-semibold tracking-tight text-white sm:text-3xl">{title}</h1>
      {subtitle && <p className="mt-2 max-w-3xl text-sm leading-6 text-arka-muted">{subtitle}</p>}
    </div>
  )
}
