{"size": 667, "ext": "js", "max_stars_repo_path": "discord/src/components/InputMessage/index.js", "max_stars_repo_name": "AlissonRaphael/reactjs_ui_clone_projects", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "discord/src/components/InputMessage/index.js", "max_issues_repo_name": "AlissonRaphael/reactjs_ui_clone_projects", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "discord/src/components/InputMessage/index.js", "max_forks_repo_name": "AlissonRaphael/reactjs_ui_clone_projects", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 19.6176470588, "max_line_length": 103, "alphanum_fraction": 0.4542728636}
import React from 'react'

import { Container, Form, Input, Button, AddIcon, PresentIcon, GifIcon, EmoticonIcon } from './styles'

export default function InputMessage(){
  return (
    <Container>
      <Form>
        <div>
          <Button>
            <AddIcon/>
          </Button>
        </div>

        <Input type="text" placeholder="Conversar em chat-livre"/>

        <div>
          <Button>
            <PresentIcon/>
          </Button>

          <Button>
            <GifIcon/>
          </Button>

          <Button>
            <EmoticonIcon/>
          </Button>
        </div>
      </Form>
    </Container>
  )
}
