Untitled

import React from 'react';
import { StyleSheet } from 'react-native';
import { Image, View, Text } from 'react-native-ui-lib';
import { useColors } from '../../hooks/useColors';
import { lightTheme } from '../../themes/schemes';


const FeedComponents = ({ image, title }) => {
  const { colors } = useColors();
  return (
    <View style={styles.box}>
      <View style={styles.imageContainer}>
        <Image style={styles.image} source={image} />
        {/* icon eklenecek */}
      </View>
      <View style={styles.titleContainer}>
        <Text style={styles.title}>{title}</Text>
        {/* icerik gelecek  */}
      </View>
    </View>
  )
};

const styles = StyleSheet.create({
  box: {
    backgroundColor: lightTheme.colors.login,
    width: '100%',
    height: 70,
    flexDirection: 'row',
    alignItems: 'center'
  },
  imageContainer: {
    paddingLeft: 20,
  },
  image: {
    width: 60,
    height: 60,
    resizeMode: 'contain'
  },
  titleContainer: {
    paddingLeft: '20%',
    alignItems: 'stretch',
  },
  title: {
    fontSize: 32,
  }
});

export default FeedComponents;