// Type definitions for agate/SliderButton

import { SliderProps as ui_Slider_SliderProps } from "@enact/ui/Slider";
import * as React from "react";
import { SpottableProps as spotlight_Spottable_SpottableProps } from "@enact/spotlight/Spottable";
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 SliderButtonBaseProps extends ui_Slider_SliderProps {}
/**
 * Renders the base level DOM structure of the component.
 */

export class SliderButtonBase extends React.Component<
  Merge<React.HTMLProps<HTMLElement>, SliderButtonBaseProps>
> {}

export interface SliderButtonDecoratorProps
  extends Merge<
    spotlight_Spottable_SpottableProps,
    agate_Skinnable_SkinnableProps
  > {}
export function SliderButtonDecorator<P>(
  Component: React.ComponentType<P> | string
): React.ComponentType<P & SliderButtonDecoratorProps>;

export interface SliderButtonProps
  extends Merge<SliderButtonBaseProps, SliderButtonDecoratorProps> {}
/**
 * Renders a slider that appears as a series of connected buttons.
 */

export class SliderButton extends React.Component<
  Merge<React.HTMLProps<HTMLElement>, SliderButtonProps>
> {}

export default SliderButton;
