import React, { PureComponent } from 'react';
import { View } from 'react-native';
import { style as S } from '../styles/ImageWithOverlay';
import { FadeInImage } from './FadeInImage';
import { get } from 'lodash-es';
export class ImageWithOverlay extends PureComponent {
    render() {
        const { overlay, style, imageProps, overlayPosition } = this.props;
        const overlayStyle = get(S, overlayPosition || 'bottomLeft');
        return (<View style={style}>
        <FadeInImage {...imageProps}/>
        {overlay &&
            <View style={[S.overlayContainer, overlayStyle]}>
            {overlay}
          </View>}
      </View>);
    }
}
//# sourceMappingURL=ImageWithOverlay.js.map