import { Gridicon } from '@automattic/jetpack-components';
import PropTypes from 'prop-types';
import React from 'react';
import './style.scss';
export default class NoticeAction extends React.Component {
static displayName = 'NoticeAction';
static propTypes = {
href: PropTypes.string,
onClick: PropTypes.func,
external: PropTypes.bool,
icon: PropTypes.string,
};
static defaultProps = {
external: false,
};
render() {
const attributes = {
className: 'dops-notice__action',
href: this.props.href,
onClick: this.props.onClick,
};
if ( this.props.external ) {
attributes.target = '_blank';
}
return (
<a { ...attributes }>
<span>{ this.props.children }</span>
{ this.props.icon && <Gridicon icon={ this.props.icon } size={ 24 } /> }
{ this.props.external && <Gridicon icon="external" size={ 24 } /> }
</a>
);
}
}