// @flow

import React from 'react'
import InputWrapper from './InputWrapper'
import InputField from './InputField'
import InputBtn from './InputBtn'

type Props = {
  sizeFromParent?: string,
  colorFromParent?: string,
  placeholderFromParent?: string
}

const InputFieldWrapper = ({
  sizeFromParent,
  colorFromParent,
  placeholderFromParent
}: Props) => (
  <InputWrapper>
    <InputField
      inputSize={sizeFromParent}
      inputColor={colorFromParent}
      placeholder={placeholderFromParent}
      type="text"
    />
    <InputBtn type="submit" backgroundColor={colorFromParent}>
      GET NOTIFIED
    </InputBtn>
  </InputWrapper>
)

export default InputFieldWrapper
