import React from 'react'
import { styled } from 'styleh-components'

export const GroupElementsWrap = styled.div.attrs({
  className: props => props.className || '',
}) ``

/**
 * @todo nowrap React.Fragment
 */
export const InputWrap = props => <div className={'input-wrap'} {...props} />
// export const Input = props => <input {...props} ref={props.setRef} />
export const InputElement = props => {
  const { setRef, ...remainingProps } = props
  return <input ref={setRef} {...remainingProps} />
}