interface Props {
    children?: React.ReactNode;
    Auth: AuthService,
    logout: boolean
}

export class AdminLayout extends React.Component<any,Props> {
    constructor(props) {
        super(props);
        this.state = {
            Auth: new AuthService(),
            logout: false
        }


    }
    onLogout = (logout) => {
        this.setState({
            logout
        });
      }


    public render() {
        const {Auth, logout} = this.state;
        if(!Auth.loggedIn() || logout ){

            return (<Redirect to="/admin/login" />);
        }
        else
        return<span>
            <AdminHeader logoutC={this.onLogout} />
            <div className='container blog-container'>

                 { this.props.children }


        </div>
        </span>;
    }
}

export class AdminHeader extends React.Component{
    constructor(props) {
        super(props);

        this.handleLogout = this.handleLogout.bind(this);
    }
    handleLogout(){

      /nie wiem co tutaj
    }

    render() {

        return(

                    <input
                        value="Wyloguj"
                        name="logout"
                        type="button"
                        onClick={this.handleLogout}
                    />

        )}
}