import React from 'react'
import { StyledInputSection, StyledInput, StyledInputLabel } from './styled'

const Input = ({ value, onChange }) => (
  <StyledInputSection>
    <StyledInput
      type="text"
      value={value}
      onChange={e => onChange(e.target.value)}
      placeholder="please input text"
    />
    <StyledInputLabel>{value}</StyledInputLabel>
  </StyledInputSection>
)
export default Input