feat: add BlogAccordion component and integrate with Blog page; include Pantone color content

2025-10-17 12:38:51 +02:00
parent 2db154c6de
commit 48650c3574
4 changed files with 63 additions and 6 deletions
@@ -0,0 +1,35 @@
+import React from 'react';
+import {
+	Accordion,
+	AccordionSummary,
+	AccordionDetails,
+	Typography,
+} from '@mui/material';
+
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+
+const BlogAccordion = ({blogContent}) => {
+	return (
+        blogContent.map(({title, description}) => (
+		<Accordion
+			// defaultExpanded
+			// slotProps={{ unmountOnExit: true }}
+			key={title}
+			sx={{ background: 'transparent' }}>
+			<AccordionSummary
+				expandIcon={<ExpandMoreIcon />}
+				aria-controls='panel1a-content'
+									id='panel1a-header'>
+				<Typography variant='h5'>{ title }</Typography>
+			</AccordionSummary>
+			<AccordionDetails>
+               {description.map((lineContent, idx) => (
+                <Typography 
+                    key={idx} paragraph>{lineContent}</Typography>
+               ))}
+			</AccordionDetails>
+		</Accordion>
+	)));
+};
+
+export default BlogAccordion;