import React, { ReactElement } from 'react' import { BestPrice } from '../../../../models/BestPrice' import { useAsset } from '../../../../providers/Asset' import PriceUnit from '../../../atoms/Price/PriceUnit' import Tooltip from '../../../atoms/Tooltip' import styles from './PriceOutput.module.css' interface PriceOutputProps { totalPrice: number hasPreviousOrder: boolean hasDatatoken: boolean assetTimeout: string hasPreviousOrderSelectedComputeAsset: boolean hasDatatokenSelectedComputeAsset: boolean algorithmPrice: BestPrice selectedComputeAssetTimeout: string } function Row({ price, hasPreviousOrder, hasDatatoken, timeout, sign }: { price: number hasPreviousOrder?: boolean hasDatatoken?: boolean timeout?: string sign?: string }) { return (