Home Reference Source

src/views/diary/components/DrawingDetails.js

import React from 'react';
import {StyleSheet, View, Image} from 'react-native';

import {ColorPalette} from '../../../utils/ColorConstants';
import {globalStyles} from '../../../styles/styles';

/**
 * Detailed view of drawing
 * @param {Object} props - Properties
 * @param {Object} props.source - Source of the image
 * @returns {Object} A detailed and large view of the drawing
 */
export default function DrawingDetails(props) {
    // Retrieve props
    const source = props.source;

    return (
        <View style={[styles.container, globalStyles.shadow]}>
            <Image source={source} style={[globalStyles.resetImage]} />
        </View>
    );
}

/** Local styles */
const styles = StyleSheet.create({
    container: {
        flex: 1,
        width: '90%',
        maxHeight: '90%',
        padding: 15,
        borderColor: ColorPalette.ROCKET_METALLIC,
        borderWidth: 10,
        backgroundColor: 'white',
    },
});