import React from 'react';
import { Text } from 'react-native';
import { storiesOf } from '@storybook/react';
import { select } from '@storybook/addon-knobs/react';
import { ImageWithOverlay } from '../ImageWithOverlay';
const defaultImageStyle = {
    width: 375,
    height: 200
};
const positions = [
    'bottomLeft',
    'bottomCenter',
    'bottomRight',
    'centerLeft',
    'center',
    'centerRight',
    'topLeft',
    'topCenter',
    'topRight'
];
const overlay = <Text style={{ fontSize: 30, fontWeight: 'bold' }}>Text Overlay</Text>;
storiesOf('ImageWithOverlay', module)
    .add('basic usage', () => (<ImageWithOverlay imageProps={{
    source: { uri: 'https://placehold.it/375x150' },
    style: defaultImageStyle
}} overlay={overlay} overlayPosition={select('overlayPosition', positions, 'topRight')}/>));
//# sourceMappingURL=ImageWithOverlay.story.js.map