// Type definitions for agate/WindDirectionControl

import { ArcPickerProps as agate_ArcPicker_ArcPickerProps } from "@enact/agate/ArcPicker";
import * as React from "react";
import { ChangeableProps as ui_Changeable_ChangeableProps } from "@enact/ui/Changeable";
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 WindDirectionControlBaseProps
  extends agate_ArcPicker_ArcPickerProps {
  /**
   * Whether or not the component is in a disabled state.
   */
  disabled?: boolean;
  /**
   * Called when value is changed.
   */
  onChange?: Function;
  /**
   * State of WindDirectionControl.
   */
  value?: "airDown" | "airRight" | "airUp";
}
/**
 * An Agate component for displaying Wind Direction Control.
 */

export class WindDirectionControlBase extends React.Component<
  Merge<React.HTMLProps<HTMLElement>, WindDirectionControlBaseProps>
> {}

export interface WindDirectionControlDecoratorProps
  extends Merge<
    ui_Changeable_ChangeableProps,
    agate_Skinnable_SkinnableProps
  > {}
export function WindDirectionControlDecorator<P>(
  Component: React.ComponentType<P> | string
): React.ComponentType<P & WindDirectionControlDecoratorProps>;

export interface WindDirectionControlProps
  extends Merge<
    WindDirectionControlBaseProps,
    WindDirectionControlDecoratorProps
  > {}
/**
 * WindDirectionControl with Agate styling and
 WindDirectionControlDecorator   applied.
 * 
 * Usage:
 * ```
<WindDirectionControl />
```
 */

export class WindDirectionControl extends React.Component<
  Merge<React.HTMLProps<HTMLElement>, WindDirectionControlProps>
> {}

export default WindDirectionControl;
