import React, {FC, memo} from 'react';
import {IconProps} from '@tabler/icons-react-native';
import {IconButton} from '@components';

function CallStartButtonComponent({
  onPress,
  isLoading,
  disabled = false,
  icon,
  testID,
  accessibilityLabel,
}: {
  onPress: () => void;
  isLoading: boolean;
  disabled?: boolean;
  icon: FC<IconProps>;
  testID?: string;
  accessibilityLabel?: string;
}) {
  return (
    <IconButton
      Icon={icon}
      hitSlop={8}
      disabled={isLoading || disabled}
      onPress={onPress}
      variant="tertiary"
      testID={testID}
      accessibilityLabel={accessibilityLabel}
    />
  );
}

export const CallStartButton = memo(CallStartButtonComponent);