feat: adds flat-list-item container props to its props

blb-ventures · Jun 21, 2023 · 4a2aa11 · 4a2aa11
1 parent 2055066
commit 4a2aa11
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/flat-list-item.tsx b/src/flat-list-item.tsx
@@ -36,6 +36,7 @@ export interface FlatListItemProps {
   component?:
     | FunctionComponent<{ children?: ReactNode; className?: string; onClick?: (e: any) => void }>
     | string;
+  containerProps?: Partial<JSX.IntrinsicElements['div']>;
 }
 
 export const FlatListItem: FC<FlatListItemProps> = ({
@@ -60,13 +61,14 @@ export const FlatListItem: FC<FlatListItemProps> = ({
   height = '56px',
   LinkComponent,
   component,
+  containerProps,
 }) => {
   const hasAction = onClick != null || url != null;
   const hasActionIcon = actionIcon && hasAction;
   const hasRight = imageRight != null || subtitleRight != null || right != null || hasActionIcon;
   const Component = component ?? 'li';
   const el = (
-    <div className={contentClassName} style={{ height }}>
+    <div {...containerProps} className={contentClassName} style={{ height }}>
       <div
         className={`flat-list-item-content-left ${leftOptions?.className ?? ''}`}
         style={leftOptions?.style}