soft_dependency.ts

interface IProps {
  socialAuth: ISocialAuth;
}

export default class SocialLoginForm extends Component<IProps> {
    loginWithSocialAccount = (e: React.SyntheticEvent) => {
        const dataProvider = e.target.dataset.provider
        const { socialAuth } = this.props; 
        socialAuth.login(dataProvider);
    };

    render() {
        const { price } = this.state;
        return (
            <div>
                <button
                    data-provider="facebook"
                    onClick={this.loginWithSocialAccount}
                >
                    Facebook
                </button>
                <button
                    data-provider="twitter"
                    onClick={this.loginWithSocialAccount}
                >
                    Twitter
                </button>
            </div>
        );
    }
}