/**
 * React Starter Kit (https://www.reactstarterkit.com/)
 *
 * Copyright © 2014-2016 Kriasoft, LLC. All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

import React, {PropTypes} from 'react'
import {defineMessages, FormattedMessage} from 'react-intl'
import cx from 'classnames'
import withStyles from 'isomorphic-style-loader/lib/withStyles'
import s from './Navigation.scss'
import Link from '../Link'
import LanguageSwitcher from '../LanguageSwitcher'

const messages = defineMessages({
  about: {
    id: 'navigation.about',
    defaultMessage: 'About',
    description: 'About link in header'
  },
  contact: {
    id: 'navigation.contact',
    defaultMessage: 'Contact',
    description: 'Contact link in header'
  },
  loginOrSignup: {
    id: 'navigation.loginOrSignup',
    defaultMessage: 'login/Sign up',
    description: 'Sign up link in header'
  }
})

function Navigation ({className}) {
  return (
    <div
      className={ cx(s.root, className) }
      role="navigation"
    >
      <Link
        className={ s.link }
        to="/about"
      >
        <FormattedMessage { ...messages.about } />
      </Link>
      <Link
        className={ s.link }
        to="/contact"
      >
        <FormattedMessage { ...messages.contact } />
      </Link>
      <span className={ s.spacer }> | </span>
      <a
        className={ cx(s.link, s.highlight) }
        href="/login/auth0"
      >
        <FormattedMessage { ...messages.loginOrSignup } />
      </a>
    </div>
  )
}

Navigation.propTypes = {
  className: PropTypes.string
}

export default withStyles(s)(Navigation)

/**
 * React Starter Kit (https://www.reactstarterkit.com/)
 *
 * Copyright © 2014-2016 Kriasoft, LLC. All rights reserved.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

import React, {PropTypes} from 'react'
import {defineMessages, FormattedMessage} from 'react-intl'
import cx from 'classnames'
import withStyles from 'isomorphic-style-loader/lib/withStyles'
import s from './Navigation.scss'
import Link from '../Link'

const messages = defineMessages({
  about: {
    id: 'navigation.about',
    defaultMessage: 'About',
    description: 'About link in header'
  },
  contact: {
    id: 'navigation.contact',
    defaultMessage: 'Contact',
    description: 'Contact link in header'
  },
  loginOrSignup: {
    id: 'navigation.loginOrSignup',
    defaultMessage: 'login/Sign up',
    description: 'Sign up link in header'
  }
})

function Navigation ({className}) {
  return (
    <div
      className={ cx(s.root, className) }
      role="navigation"
    >
      <Link
        className={ s.link }
        to="/about"
      >
        <FormattedMessage { ...messages.about } />
      </Link>
      <Link
        className={ s.link }
        to="/contact"
      >
        <FormattedMessage { ...messages.contact } />
      </Link>
      <span className={ s.spacer }> | </span>
      <a
        className={ cx(s.link, s.highlight) }
        href="/login/auth0"
      >
        <FormattedMessage { ...messages.loginOrSignup } />
      </a>
    </div>
  )
}

Navigation.propTypes = {
  className: PropTypes.string
}

export default withStyles(s)(Navigation)

Remove unused import