/**
 * 小节标题 SectionHeader:同前台 section-head 语言。
 * 原位于 admin/components.tsx。
 */
import type { ReactNode } from 'react'

export function SectionHeader({
  title,
  description,
  action,
}: {
  title: string
  description?: string
  action?: ReactNode
}) {
  return (
    <div className="mb-5 flex flex-wrap items-center justify-between gap-3">
      <div>
        <h2 className="section-head text-base">{title}</h2>
        {description && <p className="mt-1.5 text-xs text-ink-500">{description}</p>}
      </div>
      {action}
    </div>
  )
}