types.d.ts

declare module 'react-native-spinkit' {
  import React from 'react';

  export type SpinnerType =
    | 'CircleFlip'
    | 'Bounce'
    | 'Wave'
    | 'WanderingCubes'
    | 'Pulse'
    | 'ChasingDots'
    | 'ThreeBounce'
    | 'Circle'
    | '9CubeGrid'
    | 'WordPress'
    | 'FadingCircle'
    | 'FadingCircleAlt'
    | 'Arc'
    | 'ArcAlt'
    | 'Plane';

  export type SpinnerProps = {
    isVisible: boolean;
    color?: string;
    size?: number;
    type?: SpinnerType;
  };

  const Spinner: React.ComponentType<SpinnerProps>;
  export default Spinner;
}

declare module 'react-native-snackbar' {
  // Type definitions for react-native-snackbar 0.3.4
// Project: https://github.com/cooperka/react-native-snackbar
// Definitions by: Kyle Roach <https://github.com/iRoachie>
// TypeScript Version: 2.2.2

  /**
   * An actionable button that can be shown on the Snackbar.
   */
  interface Action {
    /**
     * Text for the button.
     */
    title: string;

    /**
     * Color of the text for the button.
     * Accepts various forms of colors such as hex, literals, rgba, etc.
     */
    color?: string | number;

    /**
     * Function called when the user presses the button.
     */
    onPress?(): void;
  }

  /**
   * List of options to configure the Snackbar.
   */
  interface SnackBarOptions {
    /**
     * The text that appears on the Snackbar.
     */
    title: string;

    /**
     * Color of the Snackbar title.
     * Accepts various forms of colors such as hex, literals, rgba, etc.
     */
    color?: string | number;

    /**
     * Length of time the Snackbar stays on screen.
     * Must be one of Snackbar.LENGTH_SHORT, Snackbar.LENGTH_LONG, or Snackbar.LENGTH_INDEFINITE.
     */
    duration?: number;

    /**
     * Background color of the snackbar
     * Accepts color strings such as hex, literals, rgba
     */
    backgroundColor?: string;

    /**
     * Adds an actionable button to the snackbar on the right
     */
    action?: Action;
  }

  /**
   * Snackbar definition
   */
  interface Snackbar{
    /**
     * Snackbar duration of about a second.
     */
    LENGTH_SHORT: number;

    /**
     * Snackbar duration of about three seconds.
     */
    LENGTH_LONG: number;

    /**
     * Snackbar duration that lasts forever (until a new Snackbar is shown).
     */
    LENGTH_INDEFINITE: number;

    /**
     * Shows a native Snackbar component.
     *
     * @param {SnackBarOptions} options
     */
    show(options: SnackBarOptions): void;

    /**
     * Dismisses any and all active Snackbars.
     */
    dismiss(): void;
  }

  const instance: Snackbar;
  export default instance;

}