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;