38 lines
901 B
JavaScript
38 lines
901 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 '@woocommerce/components';
|
|
|
|
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;
|