@geekyhawks/react-native-ui-components
Version:
A lightweight and reusable React Native UI components library with customizable Text, TextInput, FloatingLabelTextInput, Button, and more. Built with TypeScript, fully typed, and designed for easy integration into any React Native project.
54 lines • 2.02 kB
TypeScript
/**
* ActivityIndicator Variants
*
* Defines default configurations for the app’s activity indicator,
* including size, color, and optional container styles.
*
* Developers can override existing variants or add custom ones
* through the `ThemeProvider` for consistent loading indicators
* across the app.
*
* Author: Geeky Hawks FZE LLC
*/
import { StyleProp, ViewStyle } from "react-native";
/**
* ActivityIndicatorVariant
*
* Represents the configuration for a single activity indicator variant.
* - `size`: indicator size (number, "small", or "large")
* - `color`: theme token or color value
* - `container`: optional wrapper style for the indicator
*/
export type ActivityIndicatorVariant = {
color?: string;
container?: StyleProp<ViewStyle>;
size?: number | "small" | "large";
textColor?: string;
};
/**
* ActivityIndicatorVariants
*
* Collection of named activity indicator variants.
* Keys are variant names (e.g., "default", "small", "large" or custom names),
* and values are the corresponding ActivityIndicatorVariant configurations.
*/
export type ActivityIndicatorVariants = Record<DefaultActivityIndicatorVariants, ActivityIndicatorVariant> & Record<string, ActivityIndicatorVariant>;
/**
* DefaultActivityIndicatorVariants
*
* Predefined activity indicator configuration options available out-of-the-box:
* - "default": large spinner with primary color
* - "small": small spinner with primary color
* - "large": large spinner with primary color
*/
export type DefaultActivityIndicatorVariants = "default" | "small" | "large";
/**
* defaultActivityIndicatorVariants
*
* Predefined variants with sensible defaults.
* - These cover the most common cases: default large spinner,
* small spinner, and large spinner with theme-aware primary color.
* - Developers can extend or override them through the ThemeProvider.
*/
export declare const defaultActivityIndicatorVariants: ActivityIndicatorVariants;
//# sourceMappingURL=ActivityIndicatorVariants.d.ts.map