All files index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 
 
4x
4x
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
import * as React from 'react'
 
function HiddenMessage({ children }) {
  const [showMessage, setShowMessage] = React.useState(false)
  return (
    <div>
      <label htmlFor='toggle'>Show Message</label>
      <input
        id='toggle'
        type='checkbox'
        onChange={(e) => setShowMessage(e.target.checked)}
        checked={showMessage}
      />
      {showMessage ? children : null}
    </div>
  )
}
 
export default HiddenMessage