20 lines
491 B
JavaScript
20 lines
491 B
JavaScript
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>
|
|
);
|
|
}; |