From 813c20a88a50325b20659cd27b9710fee579fe66 Mon Sep 17 00:00:00 2001
From: Sean Warren <64291729+seankwarren@users.noreply.github.com>
Date: Wed, 28 Feb 2024 15:51:09 -0800
Subject: [PATCH] feat/SOF-7224 (#62)

* fix: accordion custom header conditional rendering fixed

* chore: accordion props types improved
---
 src/mui/components/accordion/Accordion.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/mui/components/accordion/Accordion.tsx b/src/mui/components/accordion/Accordion.tsx
index c678e34f..9f5328e8 100644
--- a/src/mui/components/accordion/Accordion.tsx
+++ b/src/mui/components/accordion/Accordion.tsx
@@ -44,11 +44,11 @@ const AccordionSummary = withStyles({
 })(MuiAccordionSummary);
 
 export interface AccordionProps {
-    hideExpandIcon: boolean;
-    children: React.ReactNode;
+    hideExpandIcon?: boolean;
+    children?: React.ReactNode;
     isExpanded: boolean;
-    header: React.ReactNode;
-    alternativeComponent: React.ReactNode;
+    header?: React.ReactNode;
+    renderSummary?: React.ReactNode;
 }
 
 export default function Accordion({
@@ -56,7 +56,7 @@ export default function Accordion({
     children,
     isExpanded,
     header,
-    alternativeComponent,
+    renderSummary,
     ...restProps
 }: AccordionProps) {
     const [isExpanded_, setIsExpanded] = useState(isExpanded);
@@ -78,8 +78,7 @@ export default function Accordion({
                 onClick={handleToggleExpanded}
                 aria-controls="panel2a-content"
                 expandIcon={!hideExpandIcon && <IconByName name="actions.expand" />}>
-                <Typography variant="overline">{header}</Typography>
-                {alternativeComponent}
+                {renderSummary || <Typography variant="overline">{header}</Typography>}
             </AccordionSummary>
             <Divider />
             <AccordionDetails>{children}</AccordionDetails>