Input = props => (
  <EditableInput
    {...props}
    placeholder={props.name}
    style={{
      input: {
        width: '100%',
        fontSize: 12,
        fontFamily: 'Menlo, monospace',
        margin: 0,
        padding: 0,
        border: 0,
        outline: 'none',
      },
      label: {
        display: 'none',
      },
    }}
  />
)
placeholder is used because react-color does not pass
HTML attributes to the element