From d1f117405bd1e4ab2bef081c707d2a280e38e6cf Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Tue, 27 May 2025 14:32:27 +0200
Subject: [PATCH] stub out section element

---
 frontend/src/component/insights/InsightsCharts.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/insights/InsightsCharts.tsx b/frontend/src/component/insights/InsightsCharts.tsx
index 26ce5c245c..a696b86104 100644
--- a/frontend/src/component/insights/InsightsCharts.tsx
+++ b/frontend/src/component/insights/InsightsCharts.tsx
@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+import type { FC, PropsWithChildren } from 'react';
 import { Box, Paper, styled } from '@mui/material';
 import { UserStats } from './componentsStat/UserStats/UserStats.tsx';
 import { UsersChart } from './componentsChart/UsersChart/UsersChart.tsx';
@@ -91,6 +91,16 @@ const StyledChartContainer = styled(Box)(({ theme }) => ({
     padding: theme.spacing(3),
 }));
 
+const Section: FC<PropsWithChildren<{ title: string }>> = ({
+    title,
+    children,
+}) => (
+    <section>
+        <h2>{title}</h2>
+        {children}
+    </section>
+);
+
 export const InsightsCharts: FC<IChartsProps> = ({
     projects,
     summary,