React Player Controls Typing

react-player-controls.d.ts

declare module "react-player-controls" {
    import * as React from 'react';

    interface ButtonProps {
        onClick: () => void;
        isEnabled?: boolean;
        className?: string | null;
        style?: React.CSSProperties;
        children?: JSX.Element | JSX.Element[];
    }

    export enum Direction {
        HORIZONTAL = 'HORIZONTAL',
        VERTICAL = 'VERTICAL'
    }

    interface FormattedTimeProps {
        numSeconds?: number;
        className?: string | null;
        style: React.CSSProperties;
    }

    interface SliderProps {
        direction?: Direction;
        isEnabled?: boolean;
        onIntent?: () => void;
        onIntentStart?: () => void;
        onIntentEnd?: () => void;
        onChange?: () => void;
        onChangeStart?: () => void;
        onChangeEnd?: () => void;
        children?: JSX.Element | JSX.Element[];
        className?: string | null;
        style: React.CSSProperties;
        overlayZIndex?: number;
    }

    export namespace PlayerIcon {
        export class Pause extends React.Component { }
        export class Play extends React.Component { }
        export class Previous extends React.Component { }
        export class Next extends React.Component { }
        export class SoundOn extends React.Component { }
        export class SoundOff extends React.Component { }
    }

    export class Slider extends React.Component<SliderProps> { }
    export class FormattedTime extends React.Component<FormattedTimeProps> { }
    export class Button extends React.Component<ButtonProps> {}
}