lev-stake-sol/components/shared/MaxAmountButton.tsx

35 lines
717 B
TypeScript

import Decimal from 'decimal.js'
import { LinkButton } from './Button'
import FormatNumericValue from './FormatNumericValue'
const MaxAmountButton = ({
className,
decimals,
disabled,
label,
onClick,
value,
}: {
className?: string
decimals: number
disabled?: boolean
label: string
onClick: () => void
value: number | string | Decimal
}) => {
return (
<LinkButton
className={`font-normal ${className}`}
disabled={disabled}
onClick={onClick}
>
<p className="mr-1 text-th-fgd-2">{label}:</p>
<span className="font-bold">
<FormatNumericValue value={value} decimals={decimals} />
</span>
</LinkButton>
)
}
export default MaxAmountButton