mirror of
https://github.com/wassname/talk.git
synced 2026-07-22 13:00:29 +08:00
26 lines
663 B
JavaScript
26 lines
663 B
JavaScript
import React from 'react';
|
||
import cn from 'classnames';
|
||
import PropTypes from 'prop-types';
|
||
import styles from './Drawer.css';
|
||
|
||
const Drawer = ({children, onClose, className = ''}) => {
|
||
return (
|
||
<div className={cn(styles.drawer, className)}>
|
||
{/* TODO: Swap out with button */}
|
||
<div className={cn(styles.closeButton, [className, 'close-button'].join('-'))} onClick={onClose}>×</div>
|
||
<div className={styles.content}>
|
||
{children}
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
Drawer.propTypes = {
|
||
active: PropTypes.bool,
|
||
onClose: PropTypes.func.isRequired,
|
||
children: PropTypes.node,
|
||
className: PropTypes.string,
|
||
};
|
||
|
||
export default Drawer;
|