Function Drawer

Drawer(props: DrawerProps): Element
A sliding panel component that appears from the edge of the screen.
Parameters
- props: DrawerProps
  The properties for the drawer.
Returns Element
A React component representing the drawer.
Remarks
The Drawer component is built on top of the Dialog component. It automatically calculates its entrance and exit animations based on its variant and the current document writing mode provided by useWritingMode.
Example
Basic Usage
```
<Drawer open={isOpen} onClose={() => setIsOpen(false)}>
  <p>This is a drawer</p>
</Drawer>
```
Example
Right-side Drawer (inline-end)
```
<Drawer
  variant="inlineEnd"
  size="400px"
  open={isOpen}
  onClose={() => setIsOpen(false)}
>
  <p>A wider drawer on the right</p>
</Drawer>
```
Example
Top Drawer (block-start)
```
<Drawer
  variant="blockStart"
  size="20vh"
  open={isOpen}
  onClose={() => setIsOpen(false)}
>
  <p>A drawer sliding down from the top</p>
</Drawer>
```
- Defined in component/drawer/drawer.tsx:88