import React from 'react';
import {View,ScrollView} from 'react-native';
import { Searchbar, Divider, Text } from 'react-native-paper';
import Icon from 'react-native-vector-icons/FontAwesome';


export default class SearchBar extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            query: '',
        };
    }
    
    queryChange=(query)=>{
        this.setState({ query: query });
    }

    submit=()=>{
        alert(this.state.query);
        this.setState({query:''});
    }

    render(){
        return(
            <>
            <View>
                <Searchbar
                placeholder="검색할 질문을 입력하세요."
                onChangeText={this.queryChange}
                value={this.state.query}
                icon='microphone'
                onIconPress={()=>{alert("원래는 음성 인식 창!")}}
                onSubmitEditing={this.submit}
                />
            </View>
            </>
        )
    }
}