2023-05-20 18:02:08 +02:00
|
|
|
import classNames from 'classnames';
|
2023-09-29 14:29:22 +02:00
|
|
|
import React, { ReactNode } from 'react';
|
2020-08-07 09:24:01 +02:00
|
|
|
import styles from './PageHeader.module.css';
|
|
|
|
|
2023-09-29 14:29:22 +02:00
|
|
|
export interface PageHeaderProps {
|
|
|
|
title?: string;
|
|
|
|
className?: string;
|
|
|
|
children: ReactNode;
|
|
|
|
}
|
|
|
|
|
|
|
|
export function PageHeader({ title, className, children }: PageHeaderProps) {
|
2022-12-27 01:57:59 +01:00
|
|
|
return (
|
2023-05-20 18:02:08 +02:00
|
|
|
<div className={classNames(styles.header, className)}>
|
2023-06-05 12:08:43 +02:00
|
|
|
{title && <div className={styles.title}>{title}</div>}
|
2023-04-10 05:22:28 +02:00
|
|
|
<div className={styles.actions}>{children}</div>
|
2022-12-27 01:57:59 +01:00
|
|
|
</div>
|
|
|
|
);
|
2020-08-07 09:24:01 +02:00
|
|
|
}
|
2023-04-21 17:00:42 +02:00
|
|
|
|
|
|
|
export default PageHeader;
|