FormField.jsx

import React from 'react'
import * as ui from './ui'

export default const FormField = ({
  Container = ui.Container,
  Label = ui.Label,
  Input = ui.Input 
}) =>
  ({ type, label, value, onChange }) => (
    <Container>
      <Label>{label}</Label>
      <Input type={type} value={value} onChange={onChange} />
    </Container>
  )
}

ui.js

import styled from 'styled-components'

export const Container = styled.div`
  margin: 20px;
`

export const Input = styled.input`
  border: 1px solid tomato;
  background-color: cream;
`

export const Label = styled.label`
  font-size: 12px;
`