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