import React from 'react';
import './Button.jsx';
import { Components, registerComponent } from 'meteor/vulcan:core';


export class AccountsSocialButtons extends React.Component {
  render() {
    let { oauthServices = {}, className = 'social-buttons' } = this.props;
    return(
      <div className={ className }>
        {Object.keys(oauthServices).map((id, i) => {
          return <Components.AccountsButton {...oauthServices[id]} key={i} />;
        })}
      </div>
    );
  }
}

registerComponent('AccountsSocialButtons', AccountsSocialButtons);