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',
},
});