market/src/components/@shared/Price/index.tsx

import React, { ReactElement } from 'react'
import PriceUnit from './PriceUnit'

export default function Price({
  accessDetails,
  orderPriceAndFees,
  className,
  size,
  conversion
}: {
  accessDetails: AccessDetails
  orderPriceAndFees?: OrderPriceAndFees
  className?: string
  conversion?: boolean
  size?: 'small' | 'mini' | 'large'
}): ReactElement {
  const isSupported =
    accessDetails?.type === 'fixed' || accessDetails?.type === 'free'
  const price = `${orderPriceAndFees?.price || accessDetails?.price}`

  return isSupported ? (
    <PriceUnit
      price={Number(price)}
      symbol={accessDetails.baseToken?.symbol}
      className={className}
      size={size}
      conversion={conversion}
      type={accessDetails.type}
    />
  ) : null
}