mirror of
https://github.com/a-nyx/maputnik-with-pmtiles.git
synced 2025-01-09 16:21:47 +01:00
27 lines
584 B
React
27 lines
584 B
React
|
import React from 'react'
|
||
|
import input from '../../config/input'
|
||
|
|
||
|
/** Wrap a component with a label */
|
||
|
class InputBlock extends React.Component {
|
||
|
static propTypes = {
|
||
|
label: React.PropTypes.string.isRequired,
|
||
|
children: React.PropTypes.element.isRequired,
|
||
|
}
|
||
|
|
||
|
onChange(e) {
|
||
|
const value = e.target.value
|
||
|
return this.props.onChange(value === "" ? null: value)
|
||
|
}
|
||
|
|
||
|
render() {
|
||
|
return <div style={{
|
||
|
display: 'block'
|
||
|
}}>
|
||
|
<label style={input.label}>{this.props.label}</label>
|
||
|
{this.props.children}
|
||
|
</div>
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export default InputBlock
|