/**
 * React Native Full App (https://store.enappd.com/product/react-native-full-app)
 *
 * Copyright © 2019-present Enappd. All rights reserved.
 *
 * This source code is licensed as per the terms found in the
 * LICENSE.md file in the root directory of this source tree.
 */
import React from 'react';
import { Image } from 'react-native'
import { Col, Icon, Button } from 'native-base';
import styles from './style';

interface ImageCardProps {
  onRemoveClick: () => void;
  imageUrl: string;
}

const ImageCard = (props: ImageCardProps) => (<Col style={styles.imageCard}>
     <Button danger style={styles.badgeStyle} onPress={props.onRemoveClick}>
            <Icon name='close' style={styles.badgeIcon} /> 
          </Button>
          <Image source={{ uri: props.imageUrl }} style={styles.imageStyle} />
</Col>)

export default ImageCard;
