import React, { ReactElement } from 'react'
import styles from './index.module.css'
import { BestPrice } from '@oceanprotocol/lib'
import Loader from '../Loader'
import Tooltip from '../Tooltip'
import PriceUnit from './PriceUnit'
export default function Price({
price,
className,
small,
conversion
}: {
price: BestPrice
className?: string
small?: boolean
conversion?: boolean
}): ReactElement {
return price?.value || price?.type === 'free' ? (