import type { ReactNode } from 'react'

/** 업무진행 팝업 섹션 카드 (billing_react PrgSection) */
export default function PrgSection({
  title,
  extra,
  children,
}: {
  title?: ReactNode
  extra?: ReactNode
  children: ReactNode
}) {
  return (
    <section className="popup-section prg-section">
      {(title || extra) && (
        <div className="prg-section-head">
          <h3 className="prg-section-title">{title}</h3>
          {extra ? <div className="prg-section-actions">{extra}</div> : null}
        </div>
      )}
      <div className="prg-section-body">{children}</div>
    </section>
  )
}
