content: /**
  *
  * TagsInput
  *
  */
  
  import React from 'react';
  import styled from 'styled-components';
  
  import Input from 'components/Input';
  import Button from 'components/Button';
  
  const AddButtonWrapper = styled.div`
    position:relative;
    
    float: right;
    input{
      height:42px;
      border-bottom-left-radius:0;
      border-top-left-radius:0;
      font-size:20px;
      padding: 0 1em;
    }
    margin-left:-4px;
  `;
  
  const InputWrapper = styled.div`
    overflow: hidden;
  `;
  
  const TagsForm = ({ value, onChange, onSubmitForm }) =>
     (
       <form onSubmit={onSubmitForm}>
         <AddButtonWrapper>
           <Button inputValue="GO" />
         </AddButtonWrapper>
         <InputWrapper>
           <Input
             id="username"
             type="text"
             value={value}
             onChange={onChange}
           />
         </InputWrapper>
       </form>
    )
  ;
  
  TagsForm.propTypes = {
    value: React.PropTypes.string,
    onChange: React.PropTypes.func.isRequired,
    onSubmitForm: React.PropTypes.func.isRequired,
  };
  
  export default TagsForm;
  