mango-v4-ui/components/shared/MaxAmountButton.tsx

import { LinkButton } from './Button'

const MaxAmountButton = ({
  className,
  label,
  onClick,
  value,
}: {
  className?: string
  label: string
  onClick: () => void
  value: string
}) => {
  return (
    <LinkButton className={`no-underline ${className}`} onClick={onClick}>
      <span className="mr-1 font-normal text-th-fgd-4">{label}:</span>
      <span className="font-mono text-th-fgd-2 underline">{value}</span>
    </LinkButton>
  )
}

export default MaxAmountButton