UNPKG

6.54 kBTypeScriptView Raw
1import React, { FunctionComponent } from "react";
2type Style = {
3 [key: string]: string;
4};
5interface PrimaryProps {
6 height?: string | number;
7 width?: string | number;
8 ariaLabel?: string;
9 wrapperStyle?: Style;
10 wrapperClass?: string;
11 visible?: boolean;
12}
13interface BaseProps extends PrimaryProps {
14 color?: string;
15}
16interface AudioProps extends BaseProps {
17}
18export const Audio: FunctionComponent<AudioProps>;
19interface BallTriangleProps extends BaseProps {
20 radius?: string | number;
21}
22export const BallTriangle: FunctionComponent<BallTriangleProps>;
23interface BarsProps extends BaseProps {
24}
25export const Bars: FunctionComponent<BarsProps>;
26interface CirclesProps extends BaseProps {
27}
28export const Circles: FunctionComponent<CirclesProps>;
29type Props = {
30 wrapperStyle?: Style;
31 visible?: boolean;
32 wrapperClass?: string;
33 height?: string | number;
34 width?: string | number;
35 color?: string;
36 outerCircleColor?: string;
37 innerCircleColor?: string;
38 barColor?: string;
39 ariaLabel?: string;
40};
41/**
42 * @description contains two circles rotating in opposite direction
43 * and a wave bars. outer circle, inner circle and bar
44 * color can be set from props.
45 */
46export const CirclesWithBar: React.FunctionComponent<Props>;
47interface GridProps extends BaseProps {
48 radius?: string | number;
49}
50export const Grid: FunctionComponent<GridProps>;
51interface HeartsProps extends BaseProps {
52}
53export const Hearts: FunctionComponent<HeartsProps>;
54type _Props1 = {
55 color?: string;
56 width?: string;
57};
58export const InfinitySpin: FunctionComponent<_Props1>;
59type _Props2 = {
60 wrapperStyle?: Style;
61 visible?: boolean;
62 wrapperClass?: string;
63 height?: string | number;
64 width?: string | number;
65 color?: string;
66 firstLineColor?: string;
67 middleLineColor?: string;
68 lastLineColor?: string;
69 ariaLabel?: string;
70};
71/**
72 * @description contains three lines in a wave motion
73 * line colors are changeable
74 */
75export const LineWave: React.FunctionComponent<_Props2>;
76interface MutatingDotsProps extends BaseProps {
77 radius?: string | number;
78 secondaryColor?: string;
79}
80export const MutatingDots: FunctionComponent<MutatingDotsProps>;
81interface OvalProps extends BaseProps {
82 strokeWidth?: string | number;
83 strokeWidthSecondary?: string | number;
84 secondaryColor?: string;
85}
86export const Oval: FunctionComponent<OvalProps>;
87interface PuffProps extends BaseProps {
88 radius?: string | number;
89 secondaryColor?: string;
90}
91export const Puff: FunctionComponent<PuffProps>;
92interface RevolvingDotProps extends BaseProps {
93 radius?: number;
94 secondaryColor?: string;
95 strokeWidth?: number;
96}
97export const RevolvingDot: FunctionComponent<RevolvingDotProps>;
98interface RingsProps extends BaseProps {
99 radius?: string | number;
100}
101export const Rings: FunctionComponent<RingsProps>;
102type RotatingSquareProps = {
103 wrapperClass?: string;
104 color?: string;
105 strokeWidth?: string | number;
106 height?: string | number;
107 width?: string | number;
108 ariaLabel?: string;
109 wrapperStyle?: Style;
110 visible?: boolean;
111};
112export const RotatingSquare: React.FunctionComponent<RotatingSquareProps>;
113type _Props3 = {
114 width?: string;
115 visible?: boolean;
116 strokeWidth?: string;
117 strokeColor?: string;
118 animationDuration?: string;
119 ariaLabel?: string;
120};
121export const RotatingLines: FunctionComponent<_Props3>;
122interface TailSpinProps extends BaseProps {
123 radius?: string | number;
124 strokeWidth?: string | number;
125}
126export const TailSpin: FunctionComponent<TailSpinProps>;
127type _Props4 = {
128 wrapperStyle?: Style;
129 visible?: boolean;
130 wrapperClass?: string;
131 height?: string | number;
132 width?: string | number;
133 color?: string;
134 outerCircleColor?: string;
135 innerCircleColor?: string;
136 middleCircleColor?: string;
137 ariaLabel?: string;
138};
139/**
140 * @description contains three circles rotating in opposite direction
141 * outer circle, middle circle and inner circle color can be set from props.
142 */
143export const ThreeCircles: React.FunctionComponent<_Props4>;
144interface ThreeDotsProps extends BaseProps {
145 radius?: string | number;
146}
147export const ThreeDots: FunctionComponent<ThreeDotsProps>;
148type TriangleProps = BaseProps;
149/** Styles Ends */
150export const Triangle: FunctionComponent<TriangleProps>;
151interface WatchProps extends BaseProps {
152 radius?: string | number;
153}
154export const Watch: FunctionComponent<WatchProps>;
155type FallingLinesProps = {
156 color?: string;
157 width?: string;
158 height?: string;
159 visible?: boolean;
160};
161export const FallingLines: FunctionComponent<FallingLinesProps>;
162interface VortexProps extends Omit<BaseProps, 'color'> {
163 colors?: [string, string, string, string, string, string];
164}
165export const Vortex: FunctionComponent<VortexProps>;
166interface RotatingTrianglesProps extends Omit<BaseProps, 'color'> {
167 colors?: [string, string, string];
168}
169export const RotatingTriangles: FunctionComponent<RotatingTrianglesProps>;
170interface RadioProps extends Omit<BaseProps, 'color'> {
171 colors?: [string, string, string];
172}
173export const Radio: FunctionComponent<RadioProps>;
174interface ProgressBarProps extends Omit<BaseProps, 'color'> {
175 borderColor?: string;
176 barColor?: string;
177}
178export const ProgressBar: FunctionComponent<ProgressBarProps>;
179interface MagnifyingGlassProps extends BaseProps {
180 glassColor?: string;
181}
182export const MagnifyingGlass: FunctionComponent<MagnifyingGlassProps>;
183interface FidgetSpinnerProps extends Omit<BaseProps, 'color'> {
184 backgroundColor?: string;
185 ballColors?: [string, string, string];
186}
187export const FidgetSpinner: FunctionComponent<FidgetSpinnerProps>;
188interface DNAProps extends Omit<BaseProps, 'color'> {
189}
190export const DNA: FunctionComponent<DNAProps>;
191interface DiscussProps extends Omit<BaseProps, 'color'> {
192 colors?: [string, string];
193}
194export const Discuss: FunctionComponent<DiscussProps>;
195interface ColorRingProps extends Omit<BaseProps, 'color'> {
196 colors?: [string, string, string, string, string];
197}
198export const ColorRing: FunctionComponent<ColorRingProps>;
199interface CommentProps extends BaseProps {
200 backgroundColor?: string;
201}
202export const Comment: FunctionComponent<CommentProps>;
203interface BlocksProps extends BaseProps {
204}
205export const Blocks: FunctionComponent<BlocksProps>;
206interface HourglassProps extends Omit<BaseProps, 'color'> {
207 colors?: [string, string];
208}
209export const Hourglass: FunctionComponent<HourglassProps>;
210
211//# sourceMappingURL=types.d.ts.map