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';
import { CallState } from '../../../../../store/webrtc/types';
import { IPbxCall } from '../../../../../store/pbx/types';

interface IProps extends IStyledProps<{ icon?: TextStyle }>, IButtonProps {
    callIconName?: string;
    callIconType?: any;
    call: IPbxCall
}
export const AddNewCallButtonView: FunctionComponent<IProps> = ({
    onPress,
    callIconName,
    callIconType,
    style,
    call
}) => {
    callIconName = callIconName || 'add';
    callIconType = callIconType || 'MaterialIcons';
    return (
        <Icon
            name={callIconName}
            type={callIconType}
            onPress={onPress}
            size={40}
            color="white"
        />
    );
};