import React, { useState, useEffect } from "react";
import PropTypes from "prop-types";

import Drawer from 'antd/lib/drawer';

const UserDrawer = ({visible, onClose}) => {

    return (
        <>
          <Drawer
            title="Basic Drawer"
            placement="right"
            closable={true}
            onClose={onClose}
            visible={visible}
          >
            <p>Some contents...</p>
            <p>Some contents...</p>
            <p>Some contents...</p>
          </Drawer>
        </>
      );


}

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

export default UserDrawer;