@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.
98 lines • 2.59 kB
JavaScript
"use strict";
/**
* LoaderModal Variants
*
* Defines default styles for the loading modal component,
* including the modal container, content wrapper, spinner,
* and optional text.
*
* Developers can override existing variants or add custom ones
* through the `ThemeProvider` for consistent styling.
*
* Author: Geeky Hawks FZE LLC
*/
Object.defineProperty(exports, "__esModule", { value: true });
exports.defaultLoaderModalVariants = void 0;
/**
* defaultLoaderModalVariants
*
* Predefined variants for the LoaderModal:
* - `default`: centers spinner + text with semi-transparent backdrop.
* - `light`: light background with dark text.
* - `dark`: dark background with light text.
*/
exports.defaultLoaderModalVariants = {
default: {
color: "primary",
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "rgba(0, 0, 0, 0.4)",
},
content: {
padding: 20,
borderRadius: 12,
backgroundColor: "surface",
flexDirection: "row",
alignItems: "center",
},
indicatorContainer: {
marginRight: 12,
},
text: {
fontSize: 16,
color: "primary",
},
textColor: "primary",
},
light: {
color: "primary",
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "rgba(255, 255, 255, 0.4)",
},
content: {
padding: 20,
borderRadius: 12,
backgroundColor: "background",
flexDirection: "row",
alignItems: "center",
},
indicatorContainer: {
marginRight: 12,
},
text: {
fontSize: 16,
color: "primary",
},
textColor: "primary",
},
dark: {
color: "primary",
container: {
flex: 1,
justifyContent: "center",
alignItems: "center",
backgroundColor: "rgba(0, 0, 0, 0.7)",
},
content: {
padding: 20,
borderRadius: 12,
backgroundColor: "surface",
flexDirection: "row",
alignItems: "center",
},
indicatorContainer: {
marginRight: 12,
},
text: {
fontSize: 16,
color: "text",
},
textColor: "text",
},
};
//# sourceMappingURL=LoaderModalVariants.js.map