import React, { Component } from 'react';
import { TouchableNativeFeedback } from 'react-native';
import { Button } from 'mfrag38-react-native-clickable-view';
 
export default class Example extends Component {
    render() {
        return (
            <Button
                icon='facebook'
                iconColor='white'
                iconPosition='left'
                text='Login With Facebook'
                textStyle={{ color: 'white' }}
                style={{
                    backgroundColor: '#000',
                    borderColor: '#000',
                    width: 300,
                }}
                background={TouchableNativeFeedback.Ripple('#6473f3', true)} // android only (first param for color, second param set true if button has radius)
                activeOpacity={0.5} // ios only (set button opacity when clicked)
                loading={false} // if true button set to disable mood and content converted to loading indicator
                indicatorColor='white'
                iconType='material'
                disabled
            />
        );
    }
}