import React from 'react';
import PermissionVADStore from '../../stores/PermissionVADStore';
import PermissionActionCreators from '../../actions/PermissionActionCreators';
import i18n from '../../i18n';
import Alert from '../Alert';

const VADPermission = React.createClass({
  statics: {
    modalConfig: {
      store: PermissionVADStore,

      isOpen() {
        return PermissionVADStore.shouldShowWarning();
      },
    },
  },

  close() {
    PermissionActionCreators.clearVADWarning();
  },

  render() {
    return (
      <Alert
        title={i18n.Messages.VAD_PERMISSION_TITLE}
        body={i18n.Messages.VAD_PERMISSION_BODY}
        onConfirm={this.close}
        confirmText={i18n.Messages.OKAY}
        iconUrl={require('../../images/no-mic.svg')}
      />
    );
  },
});

export default VADPermission;



// WEBPACK FOOTER //
// ./discord_app/components/warnings/VADPermission.js