@geekyhawks/react-native-ui-components
Version:
Lightweight, reusable React Native UI components with built-in theming — including Text, TextInput, FloatingLabelTextInput, Button, and more. Fully typed with TypeScript and easy to integrate into any 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