Implement facebook auth client

plugins/talk-plugin-facebook-auth/client/components/FacebookButton.css

@@ -0,0 +1,13 @@
+.button {
+  background-color: #4267b2;
+  border-color: #4267b2;
+  color: rgb(255, 255, 255);
+  width: 100%;
+  box-sizing: border-box;
+  padding: 10px 20px;
+}
+
+.button:hover {
+  background-color: #365899;
+  border-color: #365899;
+}

plugins/talk-plugin-facebook-auth/client/components/FacebookButton.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BareButton } from 'plugin-api/beta/client/components/ui';
+import styles from './FacebookButton.css';
+
+export default ({ onClick, children }) => {
+  return (
+    <BareButton className={styles.button} onClick={onClick}>
+      {children}
+    </BareButton>
+  );
+};

plugins/talk-plugin-facebook-auth/client/components/SignIn.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import FacebookButton from '../containers/FacebookButton';
+import { t } from 'plugin-api/beta/client/services';
+
+export default () => {
+  return (
+    <FacebookButton>{t('talk-plugin-facebook-auth.sign_in')}</FacebookButton>
+  );
+};

plugins/talk-plugin-facebook-auth/client/components/SignUp.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import FacebookButton from '../containers/FacebookButton';
+import { t } from 'plugin-api/beta/client/services';
+
+export default () => {
+  return (
+    <FacebookButton>{t('talk-plugin-facebook-auth.sign_up')}</FacebookButton>
+  );
+};