Create PageHeader component

2025-09-09 13:43:59 +02:00
parent 17bc9d3f0c
commit 42a036a84c
3 changed files with 58 additions and 0 deletions
--- a/webui/src/common/components/PageHeader/PageHeader.jsx
+++ b/webui/src/common/components/PageHeader/PageHeader.jsx
@@ -0,0 +1,20 @@
+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>
+  );
+};