text: import { Tooltip,Unit } from "shared";
  import { FormattedMessage as T } from "react-intl";
  import { addSpacingAroundText } from "helpers/strings";
  import balanceConnector from "connectors/balance";
  
  const PurchaseTicketsAdvanced = ({
    stakePool,
    ticketFee,
    txFee,
    expiry,
    currencyDisplay
  }) => (
    <div className="stakepool-purchase-ticket-quick-bar-row">
      <div className="stakepool-quick-bar-row-label"><T id="purchaseTickets.settings" m="Settings" />:</div>
      <Tooltip text={<T id="purchaseTickets.currentStakepool" m="Current StakePool" />}>
        <div className="stakepool-icon">{stakePool && stakePool.value.Host}</div>
      </Tooltip>
      <Tooltip text={<T id="purchaseTickets.ticketFeeTip" m="Ticket Fee" />}>
        <div className="stakepool-fee-icon">{ticketFee} <Unit currencyDisplay={`${currencyDisplay}/KB`}/></div>
      </Tooltip>
      <Tooltip text={<T id="purchaseTickets.txFeeTip" m="Tx Fee" />}>
        <div className="stakepool-fee-icon">{txFee} <Unit currencyDisplay={`${currencyDisplay}/KB`}/></div>
      </Tooltip>
      <Tooltip text={<T id="purchaseTickets.expiry" m="Expiry" />}>
        <div className="stakepool-expiry-icon">{expiry} Blocks</div>
      </Tooltip>
      <Tooltip text={<T id="purchaseTickets.ticketAddress" m="Ticket Address" />}>
        <div className="stakepool-ticket-address-icon">{stakePool && addSpacingAroundText(stakePool.value.TicketAddress)}</div>
      </Tooltip>
      <Tooltip text={<T id="purchaseTickets.poolAddress" m="Pool Address" />}>
        <div className="stakepool-fee-address-icon">{stakePool && addSpacingAroundText(stakePool.value.PoolAddress)}</div>
      </Tooltip>
      <Tooltip text={<T id="purchaseTickets.poolFee" m="Pool Fee" />}>
        <div className="stakepool-pool-fee-icon">{stakePool && stakePool.value.PoolFees}%</div>
      </Tooltip>
    </div>);
  
  export default balanceConnector(PurchaseTicketsAdvanced);
  