import React, { useState, useEffect } from "react";
import PropTypes from "prop-types";
import ListDropDown from "./ListDropDown/index.jsx";

import Drawer from 'antd/lib/drawer';

const UserDrawer = ({visible, onClose, user}) => {
    return (
        <>
          <Drawer
            title="Lists of Tasks"
            placement="right"
            closable={true}
            onClose={onClose}
            visible={visible}
          >
            <ListDropDown 
              user={user}
            />
            <p>Some contents...</p>
            <p>Some contents...</p>
          </Drawer>
        </>
      );


}

UserDrawer.propTypes = {
    visible: PropTypes.bool.isRequired,
    onClose: PropTypes.func.isRequired
};

export default UserDrawer;