refactor(Accordion): move to function

Author: synecdokey

src/components/Accordion.tsx

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import DisplayName from '../helpers/DisplayName';
 import { DivAttributes } from '../helpers/types';
 import { Provider } from './AccordionContext';
 import { UUID } from './ItemContext';
@@ -8,45 +7,35 @@ type AccordionProps = Pick<
     DivAttributes,
     Exclude<keyof DivAttributes, 'onChange'>
 > & {
+    className?: string;
     preExpanded?: UUID[];
     allowMultipleExpanded?: boolean;
     allowZeroExpanded?: boolean;
     onChange?(args: UUID[]): void;
 };
 
-export default class Accordion extends React.Component<AccordionProps> {
-    static defaultProps: AccordionProps = {
-        allowMultipleExpanded: undefined,
-        allowZeroExpanded: undefined,
-        onChange: undefined,
-        className: 'accordion',
-        children: undefined,
-    };
-
-    static displayName: DisplayName.Accordion = DisplayName.Accordion;
-
-    renderAccordion = (): JSX.Element => {
-        const {
-            preExpanded,
-            allowMultipleExpanded,
-            allowZeroExpanded,
-            onChange,
-            ...rest
-        } = this.props;
-
-        return <div data-accordion-component="Accordion" {...rest} />;
-    };
+const Accordion = ({
+    className = 'accordion',
+    allowMultipleExpanded,
+    allowZeroExpanded,
+    onChange,
+    preExpanded,
+    ...rest
+}: AccordionProps) => {
+    return (
+        <Provider
+            preExpanded={preExpanded}
+            allowMultipleExpanded={allowMultipleExpanded}
+            allowZeroExpanded={allowZeroExpanded}
+            onChange={onChange}
+        >
+            <div
+                data-accordion-component="Accordion"
+                className={className}
+                {...rest}
+            />
+        </Provider>
+    );
+};
 
-    render(): JSX.Element {
-        return (
-            <Provider
-                preExpanded={this.props.preExpanded}
-                allowMultipleExpanded={this.props.allowMultipleExpanded}
-                allowZeroExpanded={this.props.allowZeroExpanded}
-                onChange={this.props.onChange}
-            >
-                {this.renderAccordion()}
-            </Provider>
-        );
-    }
-}
+export default Accordion;