import React from 'react'

function PageHeader({ title, pretitle, actions, meta }) {
  return (
    <div className="page-header d-print-none mb-4">
      {/* Верхняя строка: только заголовок */}
      <div className="row align-items-center">
        <div className="col">
          <h2 className="page-title">{title}</h2>
          {pretitle && (
            <div className="page-pretitle mt-1">{pretitle}</div>
          )}
          {meta && (
            <div className="text-muted small mt-1">{meta}</div>
          )}
        </div>
      </div>
      {/* Отдельная строка под заголовком: действия страницы */}
      {actions && (
        <div className="mt-3 d-print-none">
          {actions}
        </div>
      )}
    </div>
  )
}

export default PageHeader