/**
 * Link component
 *
 * Generated by coz on 2016-12-23,
 * from a template provided by apeman-asset-templates.
 *
 * @function Link
 */
'use strict'

import React from 'react'
import classnames from 'classnames'
import defineDebug from 'debug'

import { mergeQueryString, resolveLink } from 'ore-fol-helpers'

const debug = defineDebug('project:fragment:link')

/** @lends Link */
const Link = ({
  className,
  url,
  icon,
  query = {},
  target,
  children
}) => (
  <a className={ classnames('link', className) }
     onClick={ (e) => e.stopPropagation() }
     href={ mergeQueryString(url, query) }
     target={ target }
  >
    { icon ? (
        <i className={ classnames('link-icon', icon) }/>
      ) : null}
    <span className="link-text">{ children }</span>
  </a>
)

export default Link