fix(selectListItem): fix selected list item

Author: zubaria1

src/components/ListItem/ListItem.tsx

@@ -1,12 +1,23 @@
 import { ListItemProps, View } from '@bluebase/components';
-
+import { Theme, useStyles } from '@bluebase/core';
 import { List } from 'react-native-paper';
 import React from 'react';
-import { Theme } from '@bluebase/core';
 import { componentMapper } from '@bluebase/component-mapper';
 
+export const selectListItem = (props: any) => {
+	const styles = useStyles('ChartCard', props, {
+		background: {
+			backgroundColor: 'rgb(166, 166, 166)',
+		},
+	});
+
+	const { selected, ...rest } = props;
+	if (selected) return <List.Item {...rest} style={styles.background} />;
+	return <List.Item {...rest} />;
+};
+
 export const ListItem = componentMapper(
-	List.Item,
+	selectListItem,
 	{
 		descriptionNumberOfLines: () => null,
 		left: ({ left }: ListItemProps) => () => left,