usepages-blocks/go-to.js

blocks for usePages.today

import React, { Component, PropTypes } from 'react';
import toCSS from 'style-to-css';
import uniqueId from 'mini-unique-id';

export default class GoTo extends Component {
  render() {
    const { children, className, _ref, styleActive, styleHover, ...props } = this.props;

    let inlineStyle = null
    if (Object.keys(styleHover).length) {
      inlineStyle = <style>{`.${className}:hover {${toCSS(styleHover)}}`}</style>;
    }

    if (_ref) {
      props.ref = _ref;
    }

    return (
      <a {...props} className={className} target={'_blank'}>
        {inlineStyle}
        {children}
      </a>
    );
  }
}
GoTo.propTypes = {
  href: PropTypes.string.isRequired,
  _ref: PropTypes.func,
  style: PropTypes.object,
  styleActive: PropTypes.object,
  styleHover: PropTypes.object
};