Merge pull request #76 from osstotalsoft/accordion-remove-typography-…

…title-wrap

Remove Typography title wrap in Accordion

src/components/surfaces/Accordion/Accordion.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useState } from 'react'
+import React, { ReactNode, useState, isValidElement } from 'react'
 import PropTypes from 'prop-types'
 import { Accordion as MuiAccordion, AccordionDetails } from '@mui/material/'
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
@@ -18,13 +18,15 @@ const AccordionItem: React.FC<AccordionProps> = ({
   return (
     <MuiAccordion defaultExpanded={isBoolean(defaultExpanded) ? defaultExpanded : false} {...rest}>
       <AccordionSummary variant={'standard' as AccordionVariant} expandIcon={<ExpandMoreIcon />} {...summaryProps}>
-        <Typography variant="subtitle1" color={'textPrimary'}>
-          {title}
-        </Typography>
+        {isValidElement(title) ? (
+          title
+        ) : (
+          <Typography variant="subtitle1" color={'textPrimary'}>
+            {title}
+          </Typography>
+        )}
       </AccordionSummary>
-      <AccordionDetails {...detailsProps}>
-        {content as ReactNode}
-      </AccordionDetails>
+      <AccordionDetails {...detailsProps}>{content as ReactNode}</AccordionDetails>
     </MuiAccordion>
   )
 }