-
Notifications
You must be signed in to change notification settings - Fork 3
/
Submit.js
42 lines (35 loc) · 919 Bytes
/
Submit.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import React from 'react'
import { Button, Icon } from 'semantic-ui-react'
const Submit = ({ text, onClick, disabled, icon, className, social }) => {
/* Social Button */
if (social) {
const color =
social === 'google' ? 'google plus' // semantic supports only "google plus" color string
: social === 'github' ? 'grey' // no color string for github
: social
return (
<Button color={color || null} onClick={onClick} className='social-btn'>
<Icon name={social} /> Continue with {capitalize(social)}
</Button>
)
}
/* Regular Button */
return (
<Button
content={text}
onClick={onClick}
disabled={disabled}
icon={icon || null}
className={className}
/>
)
}
function capitalize (s) {
return s[0].toUpperCase() + s.substr(1)
}
Submit.defaultProps = {
icon: '',
className: '',
social: ''
}
export default Submit