import React from 'react'

import { FormattedNumber } from 'components/FormattedNumber'

export const MAX_LEV_META = { accessorKey: 'hls.maxLeverage', header: 'Max Leverage' }
interface Props {
  vault: Vault
}

export default function MaxLeverage(props: Props) {
  return (
    <FormattedNumber
      amount={props.vault.hls?.maxLeverage || 1}
      options={{ minDecimals: 2, maxDecimals: 2, suffix: 'x' }}
      className='text-xs'
      animate
    />
  )
}
