import Spinner = require('react-spinkit');
import * as React from 'react';

// Examples taken from http://kyleamathews.github.io/react-spinkit/
const spinners = [
    // Basic spinners
    <Spinner name="three-bounce" />,
    <Spinner name="double-bounce" />,
    <Spinner name="rotating-plane" />,
    <Spinner name="folding-cube" />,
    <Spinner name="wave" />,
    <Spinner name="wandering-cubes" />,
    <Spinner name="pulse" />,
    <Spinner name="chasing-dots" />,
    <Spinner name="circle" />,
    <Spinner name="cube-grid" />,
    <Spinner name="wordpress" />,

    // 'loaders.css' spinners
    <Spinner name="ball-grid-beat" />,
    <Spinner name="ball-grid-pulse" />,
    <Spinner name="line-spin-fade-loader" />,
    <Spinner name="ball-spin-fade-loader" />,
    <Spinner name="ball-pulse-rise" />,
    <Spinner name="line-scale" />,
    <Spinner name="line-scale-pulse-out" />,
    <Spinner name="line-scale-pulse-out-rapid" />,
    <Spinner name="line-scale-party" />,
    <Spinner name="ball-triangle-path" />,
    <Spinner name="ball-scale-ripple-multiple" />,
    <Spinner name="ball-pulse-sync" />,
    <Spinner name="ball-beat" />,
    <Spinner name="ball-scale-multiple" />,
    <Spinner name="ball-zig-zag" />,
    <Spinner name="ball-zig-zag-deflect" />,
    <Spinner name="ball-clip-rotate" />,
    <Spinner name="ball-clip-rotate-pulse" />,
    <Spinner name="ball-clip-rotate-multiple" />,
    <Spinner name="ball-scale-ripple" />,
    <Spinner name="triangle-skew-spin" />,
    <Spinner name="pacman" />,

    // Spinner options
    <Spinner name="wordpress" fadeIn="full"/>,
    <Spinner name="wordpress" fadeIn="half"/>,
    <Spinner name="wordpress" fadeIn="quarter"/>,
    <Spinner name="wordpress" fadeIn="none"/>,
    <Spinner name="wordpress" color="#F00" />,
    <Spinner name="wordpress" color="green" />,
    <Spinner name="wordpress" overrideSpinnerClassName="my-class-to-override" />,
    <Spinner name="wordpress" className="my-class" />,
    <Spinner name="wordpress" style={{ margin: '0 auto' }} />,
];
