money.js

const ShowMeTheMoney = () => {
  const [money, setMoney] = useState(0)
  
  const showThemTheMoney = (money) => {
      setMoney(money)
    }
    
  const hideTheMoney = () => {
      setMoney(null)
    }
    
  const sayWhereTheMoneyIs = (msg) => {
      console.log(msg)
    }
  
  return (
    <div>
      <h4>Where is the money?</h4>
      <hr />
      <div style={{ display: 'flex', alignItems: 'center' }}>
        <SomeCustomButton
          type="button"
          onClick={() => sayWhereTheMoneyIs("I don't know")}
        >
          I'll tell you
        </SomeCustomButton>{' '}
        <SomeCustomButton type="button" onClick={() => showThemTheMoney(0.05)}>
          I'll show you
        </SomeCustomButton>
      </div>
    </div>
  )
}