import React, { Component } from "react"
import { Switch,TextStyle } from 'react-native';

import { IformState, IformProp, IformOption } from '../aim/form'

import OperateForm from '../operate/form'

import PlusItemBook from '../item/book'

interface State extends IformState {

}

interface Prop extends IformProp {
    style: TextStyle
}

export default class extends Component<Prop, State>{

    constructor(props: Prop) {
        super(props);


        var sValue = OperateForm.upFormValue(props.name, props.formDefaultValue != undefined ? props.formDefaultValue : '');


        this.state = { currentValue: sValue };

    }

    changeValue(sValue) {

        this.setState({ currentValue: sValue.toString() });
        OperateForm.inFormValue(this.props.name, sValue.toString());

    }

    render() {


        return (

            <Switch disabled={OperateForm.upFormType(this.props.name) === "book"} style={this.props.style} value={this.state.currentValue.toString() == "true"} onValueChange={this.changeValue.bind(this)} >

            </Switch>

        );



    }


}