fix: add accordion content type in static props also

affects: @medly-components/core
medly · Aug 6, 2023 · c2f5625 · c2f5625
1 parent 8950e04
commit c2f5625
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/packages/core/src/components/Accordion/Content/Content.tsx b/packages/core/src/components/Accordion/Content/Content.tsx
@@ -2,10 +2,10 @@ import { WithStyle } from '@medly-components/utils';
 import type { FC } from 'react';
 import { memo, useContext } from 'react';
 import { AccordionContext } from '../AccordionContext';
+import { ContentProps } from '../types';
 import { Wrapper } from './Content.styled';
-import { AccordionContentProps } from './types';
 
-const Component: FC<AccordionContentProps> = memo(props => {
+const Component: FC<ContentProps> = memo(props => {
     const [isActive] = useContext(AccordionContext);
 
     return <Wrapper role="region" isActive={isActive} {...props} />;

diff --git a/packages/core/src/components/Accordion/Content/types.ts b/packages/core/src/components/Accordion/Content/types.ts
diff --git a/packages/core/src/components/Accordion/types.ts b/packages/core/src/components/Accordion/types.ts
@@ -1,9 +1,9 @@
-import { WithStyle } from '@medly-components/utils';
+import { HTMLProps, WithStyle } from '@medly-components/utils';
 import type { Context, Dispatch, FC, SetStateAction } from 'react';
 
 export type StaticProps = {
     Header: FC<HeaderProps> & WithStyle;
-    Content: FC & WithStyle;
+    Content: FC<ContentProps> & WithStyle;
     Context: Context<AccordionContextType>;
 };
 
@@ -28,3 +28,8 @@ export type AccordionProps = {
 export type HeaderProps = {
     iconColor?: string;
 };
+
+export type ContentProps = HTMLProps<HTMLDivElement> & {
+    /** Use to render any component as Accordion content */
+    as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+};