import Icon from 'react-native-vector-icons/MaterialIcons';
import React, { FunctionComponent } from 'react';
import { StyleSheet, TextStyle } from 'react-native';
import { IButtonProps, IStyledProps } from '../../../../common/types';

interface IProps extends IStyledProps<{ icon?: TextStyle }>, IButtonProps {
    callIconName?: string;
    callIconType?: any;
}
export const SwapButtonView: FunctionComponent<IProps> = ({
    onPress,
    callIconName,
    style
}) => {

    callIconName = callIconName || 'swap-horiz';
    return (
        <Icon
            name={callIconName}
            color='white'
            size={50} 
            onPress={onPress}
        />
    );
};