@geekyhawks/react-native-ui-components/dist/theme/variants/AppBarVariants.d.ts

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.

/**
 * AppBar Variants
 *
 * Defines default configurations for the app’s top navigation bar (AppBar),
 * including layout, background color, typography, and optional action buttons.
 *
 * Developers can override existing variants or add custom ones
 * through the `ThemeProvider` for consistent AppBar styling
 * across the app.
 *
 * Author: Geeky Hawks FZE LLC
 */
import { ViewStyle, TextStyle } from "react-native";
/**
 * AppBarVariant
 *
 * Represents the configuration for a single AppBar variant.
 * - `container`: styles for the AppBar wrapper (background, height, layout)
 * - `title`: styles for the AppBar title text
 * - `subTitle`: styles for the AppBar sub title text
 * - `leftIcon`: styles for an optional custom left icon
 * - `rightIcon`: styles for an optional custom right icon
 */
export type AppBarVariant = {
    container?: ViewStyle;
    title?: TextStyle;
    subTitle?: TextStyle;
    leftIcon?: {
        container?: ViewStyle;
    };
    rightIcon?: {
        container?: ViewStyle;
    };
};
/**
 * AppBarVariants
 *
 * Collection of named AppBar variants.
 * Keys are variant names (e.g., "default", "transparent", or custom names),
 * and values are the corresponding AppBarVariant configurations.
 */
export type AppBarVariants = Record<DefaultAppBarVariants, AppBarVariant> & Record<string, AppBarVariant>;
/**
 * DefaultAppBarVariants
 *
 * Predefined AppBar configuration options available out-of-the-box:
 * - "default": primary-colored background with centered title
 * - "transparent": transparent background, overlays content
 * - "elevated": surface-colored background with shadow/elevation
 */
export type DefaultAppBarVariants = "default" | "transparent" | "elevated";
/**
 * defaultAppBarVariants
 *
 * Predefined AppBar variants with sensible defaults.
 *
 * - "default": solid primary background, white/onPrimary title & icons
 * - "transparent": overlay-style AppBar with transparent background
 * - "elevated": AppBar with elevation and surface-colored background
 *
 * Developers can extend or override them through the ThemeProvider.
 */
export declare const defaultAppBarVariants: AppBarVariants;
//# sourceMappingURL=AppBarVariants.d.ts.map