mirror of
https://github.com/a-nyx/maputnik-with-pmtiles.git
synced 2025-01-08 06:30:57 +01:00
29 lines
692 B
JavaScript
29 lines
692 B
JavaScript
import React from 'react'
|
|
import input from '../../config/input'
|
|
import { margins } from '../../config/scales'
|
|
|
|
/** 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',
|
|
marginTop: margins[2],
|
|
marginBottom: margins[2],
|
|
}}>
|
|
<label style={input.label}>{this.props.label}</label>
|
|
{this.props.children}
|
|
</div>
|
|
}
|
|
}
|
|
|
|
export default InputBlock
|