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