/**
 * Copyright 2025 Beijing Volcano Engine Technology Co., Ltd. All Rights Reserved.
 * SPDX-license-identifier: BSD-3-Clause
 */


import style from './index.module.less';
import CallPng from "@/assets/img/call.png"


interface IInvokeButtonProps extends React.HTMLAttributes<HTMLDivElement> {
  loading?: boolean;
  disable?: boolean;
}

function InvokeButton(props: IInvokeButtonProps) {
  const {disable, loading, className, ...rest } = props;

  return (
    <div className={`${style.wrapper} ${className}`} {...rest}>
      <img className={style.call} src={CallPng} alt="call" />
      <div className={style.text}>{disable ? '暂不可用':loading?'连接中':'发起通话'}</div>
    </div>
  );
}

export default InvokeButton;
