import React, { Component } from 'react'
import Dialog from 'material-ui/Dialog';
import FlatButton from 'material-ui/FlatButton';
import DialogContent from './internals/DialogContent.jsx';
import { FormattedMessage } from 'react-intl';

class UnauthorizedDialog extends Component {

    constructor( props ) {
        super( props );
        this.state = { searchValue: '' };
    }

    handleSearchChange( event ) {
        let searchValue = event.target.value;

        this.setState( {
            searchValue: searchValue
        } )
    }

    render() {
        const { open, onSignInClick } = this.props;

        let buttonSignIn = <FormattedMessage id="UnauthorizedDialog.SignIn"></FormattedMessage>;
        
        const actions = [
            <FlatButton
                label={buttonSignIn}
                onClick={onSignInClick}
                primary={true}
            />
        ];

        return (<Dialog modal={true} actions={actions} open={open}>
            <DialogContent>
                <h2><FormattedMessage id="UnauthorizedDialog.Title"></FormattedMessage></h2>
                <p><FormattedMessage id="UnauthorizedDialog.Message"></FormattedMessage></p>
            </DialogContent>
        </Dialog>);
    }
}

export default UnauthorizedDialog;