aswi2023one-team-to-rule-them-all-gitlab/src/components/listView/ItemPreview.tsx @ ca53e9f1

import { Center, HStack, Image, Text, VStack } from "native-base"

interface ItemPreviewProps {
    caption: string
    title: string
    name?: string
    image?: string
}

const ItemPreview = (props: ItemPreviewProps) => {

    return (
        <>

            <HStack
                space={ 2 }
                flex={ 1 }
                alignItems={ "start" }
            >
                <Image
                    source={ {uri: `http:/147.228.173.159/static/images/${ props.image ? props.image : "thumb-Rel-78.png" }`} }
                    size={ "sm" }
                    alt={ props.image ? props.image : "thumb-Rel-78.png" }
                />
                <VStack>
                    <Text>{ props.name }</Text>
                    <Text>{ props.caption }</Text>
                    <Text>{ props.title }</Text>
                </VStack>
            </HStack>
        </>
    )
}

export default ItemPreview