import React from 'react';
import {View,ScrollView,Alert} 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:''});
    }

    voiceRecognition=()=>{
        Alert.alert(
            '음성 인식',
            '아직 구현 못함',
            [
                {text: '확인', onPress: () => {}},
            ],
        )
    }

    render(){
        return(
            <>
            <View>
                <Searchbar
                placeholder="검색할 질문을 입력하세요."
                onChangeText={this.queryChange}
                value={this.state.query}
                icon='microphone'
                onIconPress={this.voiceRecognition}
                onSubmitEditing={this.submit}
                />
            </View>
            </>
        )
    }
}