import React from 'react';
import {TouchableOpacity, View, StyleProp, ViewStyle} from 'react-native';
import Text from '@components/Text';
import Icon from '@components/Icon';
import {COLORS} from '@shared/colors';

import {styles} from './styles';

interface Props {
  handlePress: () => void;
  text: string;
  customStyle?: StyleProp<ViewStyle>;
}

/**
 * @deprecated - Use `_HuGo/Button` instead
 */
function AddUsersButton({handlePress, text, customStyle}: Props) {
  return (
    <TouchableOpacity
      style={[styles.user, styles.addParticipantsContainer, customStyle]}
      onPress={handlePress}>
      <View style={styles.addParticipantLogoContainer}>
        <Icon size="sm" name="add" color={COLORS.LIGHT_BLUE_SIX} />
      </View>
      <Text variant="subtitle1" style={styles.addParticipantsText}>
        {text}
      </Text>
    </TouchableOpacity>
  );
}

export default AddUsersButton;
