import React from 'react';
import { StyleSheet, Text, TouchableOpacity } from 'react-native';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { Totals } from '../Totals';
const styles = StyleSheet.create({
    style: {
        padding: 20
    },
    zipCode: {
        textDecorationLine: 'underline',
        textAlign: 'right'
    }
});
const totals = [
    {
        keyName: 'Subtotal',
        value: '$19.05'
    },
    {
        keyName: 'Tax (7%)',
        value: '$1.33'
    },
    {
        keyName: 'Shipping',
        value: (<TouchableOpacity onPress={action('Totals Shipping onPress')}>
        <Text style={styles.zipCode}>
          Enter Zip Code
        </Text>
      </TouchableOpacity>)
    },
    {
        keyName: 'Total',
        keyStyle: {
            fontWeight: 'bold'
        },
        value: '$20.38',
        valueStyle: {
            fontWeight: 'bold'
        },
        style: {
            borderTopWidth: StyleSheet.hairlineWidth
        }
    }
];
storiesOf('Totals', module)
    .add('basic usage', () => (<Totals totals={totals} style={styles.style}/>));
//# sourceMappingURL=Totals.story.js.map