index.js
13 lines
| 1 | export default function LabelAndHelpWrapper( { label, htmlFor, help, children } ) { |
| 2 | const labelStyles = { marginBottom: '8px', display: 'inline-block' }; |
| 3 | const helpStyles = { fontSize: '12px', fontStyle: 'normal', color: 'rgb(117, 117, 117)' }; |
| 4 | |
| 5 | return ( |
| 6 | <> |
| 7 | { label && <label style={ labelStyles } htmlFor={ htmlFor }>{ label }</label> } |
| 8 | { children } |
| 9 | { help && <p style={ helpStyles }>{ help }</p> } |
| 10 | </> |
| 11 | ); |
| 12 | } |
| 13 |