38 lines
889 B
JavaScript
38 lines
889 B
JavaScript
|
/** @format */
|
||
|
|
||
|
/**
|
||
|
* External dependencies
|
||
|
*/
|
||
|
import PropTypes from 'prop-types';
|
||
|
import classnames from 'classnames';
|
||
|
import Gridicon from 'gridicons';
|
||
|
|
||
|
/**
|
||
|
* Internal dependencies
|
||
|
*/
|
||
|
import './style.scss';
|
||
|
import Link from 'components/link';
|
||
|
|
||
|
const ActivityOutboundLink = props => {
|
||
|
const { href, type, className, children, ...restOfProps } = props;
|
||
|
const classes = classnames( 'woocommerce-layout__activity-panel-outbound-link', className );
|
||
|
return (
|
||
|
<Link href={ href } type={ type } className={ classes } { ...restOfProps }>
|
||
|
{ children }
|
||
|
<Gridicon icon="arrow-right" />
|
||
|
</Link>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
ActivityOutboundLink.propTypes = {
|
||
|
href: PropTypes.string.isRequired,
|
||
|
type: PropTypes.oneOf( [ 'wp-admin', 'wc-admin', 'external' ] ).isRequired,
|
||
|
className: PropTypes.string,
|
||
|
};
|
||
|
|
||
|
ActivityOutboundLink.defaultProps = {
|
||
|
type: 'wp-admin',
|
||
|
};
|
||
|
|
||
|
export default ActivityOutboundLink;
|