feat: add Drawer

src/Drawer/index.stories.tsx

@@ -0,0 +1,25 @@
+import { StoryFn } from '@storybook/react';
+import React, { useState } from 'react';
+
+import { Button } from '../Button';
+
+import { Drawer, DrawerProps } from './index';
+
+export default {
+  title: 'Drawer',
+};
+
+export const Default: StoryFn<DrawerProps> = function Default(args) {
+  const [visible, setVisible] = useState(true);
+
+  const toggleDrawer = () => setVisible((prevState) => !prevState);
+
+  return (
+    <div>
+      <Button onClick={toggleDrawer}>Open</Button>
+      <Drawer title="Title" onClose={toggleDrawer} visible={visible} {...args}>
+        Content
+      </Drawer>
+    </div>
+  );
+};

src/Drawer/index.tsx

@@ -0,0 +1,4 @@
+import { Drawer as AntdDrawer, DrawerProps as AntdDrawerProps } from 'antd';
+
+export const Drawer: typeof AntdDrawer = AntdDrawer;
+export type DrawerProps = AntdDrawerProps;

src/index.ts

@@ -21,6 +21,7 @@ export * from './Comment';
 export * from './DatePicker';
 export * from './Descriptions';
 export * from './Divider';
+export * from './Drawer';
 export * from './Dropdown';
 export * from './Empty';
 export * from './Fields'; // Might extract to separate package later due to dependency on react-hook-form