import React from 'react';
import { Drawer as BaseDrawer } from '../ui/Drawer';

export default function Drawer({ open, title, onClose, children, footer, initialFocusRef = null }) {
  return (
    <BaseDrawer
      open={open}
      title={title}
      onClose={onClose}
      footer={footer}
      width="440px"
      initialFocusRef={initialFocusRef}
    >
      {children}
    </BaseDrawer>
  );
}