// Type definitions for agate/Drawer

import * as React from "react";
import { SlottableProps as ui_Slottable_SlottableProps } from "@enact/ui/Slottable";
import { SkinnableProps as agate_Skinnable_SkinnableProps } from "@enact/agate/Skinnable";

type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
type Merge<M, N> = Omit<M, Extract<keyof M, keyof N>> & N;

export interface DrawerBaseProps {}
/**
 * A drawer component, without behaviors.
 */

export class DrawerBase extends React.Component<
  Merge<React.HTMLProps<HTMLElement>, DrawerBaseProps>
> {}

export interface DrawerDecoratorProps
  extends Merge<ui_Slottable_SlottableProps, agate_Skinnable_SkinnableProps> {}
export function DrawerDecorator<P>(
  Component: React.ComponentType<P> | string
): React.ComponentType<P & DrawerDecoratorProps>;

export interface DrawerProps
  extends Merge<DrawerBaseProps, DrawerDecoratorProps> {}
/**
 * A ready-to-use drawer component.
 * 
 * Usage:
 * ```
<Drawer open>
  Hello Enact!
</Drawer>
```
 */

export class Drawer extends React.Component<
  Merge<React.HTMLProps<HTMLElement>, DrawerProps>
> {}

export default Drawer;
