import { View, Text } from '@tarojs/components';

type WechatLoginButtonProps = {
  loading?: boolean;
  disabled?: boolean;
  /** 默认「授权登录」，避免使用「微信」字样与官方风格图标 */
  label?: string;
  onClick: () => void;
};

/** 授权登录按钮（无微信品牌元素，满足小程序审核） */
export default function WechatLoginButton({
  loading = false,
  disabled = false,
  label = '授权登录',
  onClick,
}: WechatLoginButtonProps) {
  const inactive = loading || disabled;

  return (
    <View
      className={`login-wechat-btn${inactive ? ' login-wechat-btn--disabled' : ''}`}
      onClick={inactive ? undefined : onClick}
    >
      <Text className="login-wechat-btn__text">{loading ? '授权中...' : label}</Text>
    </View>
  );
}