// Breadcrumb component
import React from 'react';
class TransactionBreadcrumbComponent extends React.Component {
render () {
const transCat = 'Category',
transPg = 'Page',
backTransHome = "javascript:history.back()";
return (
<div className="breadcrumb-container d-none d-lg-block">
<div className="container-fluid">
<nav aria-label="breadcrumb">
<ol className="breadcrumb">
<li className="breadcrumb-item"><a href="#"><i className="material-icons home-icon">home</i></a></li>
<li className="breadcrumb-item"><a onClick={transCat}>{transCat}</a></li>
<li className="breadcrumb-item"><a onClick={transPg}>{transPg}</a></li>
</ol>
<span className="back-search">
<a href={backTransHome}>
<i className="material-icons back-button">arrow_back</i>
Back to Transaction Home
</a>
</span>
</nav>
</div>
</div>
);
}
}
export default TransactionBreadcrumbComponent;