index.jsx

import React from "react";
import PropTypes from "prop-types";
import { ArrowBack } from "../SvgIcons";
import "./style.less";

 
const BackToLink = ({text, children, className, onClick, style, arrowStyle}) => { 
    return (
        <a className={"dnn-back-to-link" + (className ? (" " + className) : "")} style={style} onClick={onClick}>
            <div style={arrowStyle} className="dnn-back-to-arrow"><ArrowBack /></div>
            <span>{text}</span>
            {children}
        </a> 
    );
};

BackToLink.propTypes = {
    children: PropTypes.node,
    text: PropTypes.node.isRequired,
    className: PropTypes.string,
    onClick: PropTypes.func,
    arrowStyle: PropTypes.object,
    style: PropTypes.object
};

BackToLink.defaultProps = {
    className: ""
};

export default BackToLink;