@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.
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