import React from 'react'; import PropTypes from 'prop-types'; import AssetBreadcrumb from './asset-breadcrumb'; const AssetNavigation = ({ accountName, assetName, onBack, optionsButton }) => { return ( <div className="asset-navigation"> <AssetBreadcrumb accountName={accountName} assetName={assetName} onBack={onBack} /> {optionsButton} </div> ); }; AssetNavigation.propTypes = { accountName: PropTypes.string.isRequired, assetName: PropTypes.string.isRequired, onBack: PropTypes.func.isRequired, optionsButton: PropTypes.element, }; AssetNavigation.defaultProps = { optionsButton: undefined, }; export default AssetNavigation;