import React from 'react'
import { FormattedMessage } from 'react-intl'
import Div from 'components/Div'
import messages from './messages'

const styles = {
  separator: {
    textAlign: 'center',
    clear: 'both'
  },
  separatorText: {
    display: 'inlineBlock',
    padding: 4,
    position: 'relative',
    backgroundColor: '#fff'
  },
  separatorLine: {
    margin: '-10px auto 10px'
  }
}

const Separator = () => (
  <Div style={styles.separator}>
    <span style={styles.separatorText}>
      {<FormattedMessage {...messages.or} />}
    </span>
    <hr style={styles.separatorLine} />
  </Div>
)

export default Separator

@@ -190,16 +190,33 @@
 enter',%0A
+    padding: 20,%0A
     clea

fix style