import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
// import Input from '@webaholics/one-app-template-stardom/src/UIElements/inputs/Basic';
import Select from '@webaholics/one-app-template-stardom/src/UIElements/select/Basic';

class ViewSettings extends React.PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      dbtype: '',
    };
    const { setCanAddWidget } = this.props;
    setCanAddWidget(true);
  }

  changeTrigger(e) {
    this.setState({ dbtype: e.currentTarget.value });
  }

  render() {
    const { dbtype } = this.state;
    return (
      <Fragment>
        <Select
          object
          objectchildren={[
            { label: 'MySQL', value: 'mysql' },
            { label: 'MongoDB', value: 'mysql' },
          ]}
          defaultvalue={dbtype}
          onchangetrigger={(e) => {
            this.changeTrigger(e);
          }}
        />
      </Fragment>);
  }
}
ViewSettings.propTypes = {
  setCanAddWidget: PropTypes.func.isRequired,
};
export default ViewSettings;