fix: add className props

src/components/AccordionPanel/AccordionPanel.tsx

@@ -1,13 +1,13 @@
 import React, { useCallback, useState } from 'react'
 
 import { mapToArray, arrayToMap } from './AccordionPanelHelper'
-import { InjectedProps, withTheme } from '../../hocs/withTheme'
 
-type Props = InjectedProps & {
+type Props = {
   children: React.ReactNode
   icon?: 'left' | 'right' | 'none'
   expandableMultiply?: boolean
   defaultExpanded?: string[]
+  className?: string
   onClick?: (expandedItems: string[]) => void
 }
 
@@ -17,12 +17,13 @@ export const AccordionPanelContext = React.createContext<any>({
   onClick: () => {},
 })
 
-const AccordionPanelComponent: React.FC<Props> = ({
-  onClick,
+export const AccordionPanel: React.FC<Props> = ({
+  children,
   icon = 'left',
   expandableMultiply = false,
   defaultExpanded = [],
-  ...props
+  className = '',
+  onClick,
 }) => {
   const [expandedItems, setExpanded] = useState(new Map(arrayToMap(defaultExpanded)))
 
@@ -45,9 +46,7 @@ const AccordionPanelComponent: React.FC<Props> = ({
 
   return (
     <AccordionPanelContext.Provider value={{ onClick: handleClick, expandedItems, icon }}>
-      <div {...props} />
+      <div className={className} children={children} />
     </AccordionPanelContext.Provider>
   )
 }
-
-export const AccordionPanel = withTheme(AccordionPanelComponent)

src/components/AccordionPanel/AccordionPanelItem.tsx

@@ -1,9 +1,9 @@
 import * as React from 'react'
-import { withTheme } from '../../hocs/withTheme'
 
 type Props = {
   children: React.ReactNode
   name: string
+  className?: string
 }
 
 type ContextType = Omit<Props, 'children'>
@@ -12,16 +12,14 @@ export const AccordionPanelItemContext = React.createContext<ContextType>({
   name: '',
 })
 
-const AccordionPanelItemComponent: React.FC<Props> = ({ children, name }) => {
+export const AccordionPanelItem: React.FC<Props> = ({ children, name, className = '' }) => {
   return (
     <AccordionPanelItemContext.Provider
       value={{
         name,
       }}
     >
-      {children}
+      <div className={className}> {children}</div>
     </AccordionPanelItemContext.Provider>
   )
 }
-
-export const AccordionPanelItem = withTheme(AccordionPanelItemComponent)