import type React from 'react';
import { IconSendFilled } from '@tencentcloud/uikit-base-component-react';
import cs from 'classnames';
import classes from './SendButton.module.scss';

interface SendButtonProps {
  onClick?: (e: React.MouseEvent) => void;
  disabled?: boolean;
  className?: string;
  style?: React.CSSProperties;
}

function SendButton({
  className = '',
  style = {},
  onClick,
  disabled = false,
}: SendButtonProps) {
  function onSendButtonClick(e: React.MouseEvent) {
    if (!disabled && onClick) {
      onClick(e);
    }
  }

  return (
    <IconSendFilled
      className={cs(classes['send-button'], {
        [classes['send-button--disabled']]: disabled,
      }, className)}
      size="28px"
      style={style}
      onClick={onSendButtonClick}
    />
  );
}

export {
  SendButton,
};

export type { SendButtonProps };