import React from 'react';
import './styles.sass';

export const PageHeader = ({
  title,
  subtitle,
  actions,
  className = '',
  ...rest
}) => {
  return (
    <div className={`page-header ${className}`} {...rest}>
      <div className="page-header-content">
        {title && <h1 className="page-title">{title}</h1>}
        {subtitle && <p className="page-subtitle">{subtitle}</p>}
      </div>
      {actions && <div className="page-header-actions">{actions}</div>}
    </div>
  );
};