import React from 'react'; import { StyleProp, ViewStyle, TextStyle, DimensionValue } from 'react-native'; export type Ux4gBannerVariant = 'warningLight' | 'warningSolid' | 'errorLight' | 'successLight' | 'savingLight' | 'infoLight' | 'neutralLight' | 'primaryLight'; export type Ux4gActionsAlignment = 'start' | 'center' | 'end' | 'space-between' | 'space-around'; export interface Ux4gStatusBannerProps { /** * Banner visual color variant. */ variant: Ux4gBannerVariant; /** * Main title text header. */ title: string; /** * Secondary subtitle text description. */ subtitle?: string; /** * Custom subtitle React Node widget overriding string `subtitle`. */ subtitleWidget?: React.ReactNode; /** * Maximum number of lines for the title before truncating. */ titleNumberOfLines?: number; /** * Maximum number of lines for the subtitle before truncating. */ subtitleNumberOfLines?: number; /** * Truncation mode for title and subtitle text. Defaults to `'tail'`. */ ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip'; /** * Custom style override for the title text. */ titleStyle?: StyleProp; /** * Custom style override for the subtitle text. */ subtitleStyle?: StyleProp; /** * Optional badge component displayed next to title text. */ badge?: React.ReactNode; /** * Optional icon component displayed before title text. */ leadingIcon?: React.ReactNode; /** * Optional icon component displayed at the top-right trailing end. */ trailingIcon?: React.ReactNode; /** * Optional list of action buttons or widgets displayed at the bottom of the banner. */ actions?: React.ReactNode[]; /** * Dismiss callback fired when trailing close icon is pressed. */ onDismiss?: () => void; /** * Custom background color override. */ backgroundColor?: string; /** * Custom border color override. */ borderColor?: string; /** * Alignment for bottom actions row. Defaults to `'start'`. */ actionsAlignment?: Ux4gActionsAlignment; /** * Explicit banner width. */ width?: DimensionValue; /** * Explicit banner height. */ height?: number; /** * Outer margin style override. Defaults to `{ marginHorizontal: 16, marginVertical: 8 }`. */ marginStyle?: StyleProp; /** * Inner padding style override. Defaults to `{ paddingHorizontal: 16, paddingVertical: 12 }`. */ paddingStyle?: StyleProp; /** * Additional style override for outer container. */ containerStyle?: StyleProp; /** * Optional test ID for automated testing. */ testID?: string; } /** * **Ux4gStatusBanner** (`StatusBanner`) * * Full React Native port of Flutter `status_banner.dart` (`Ux4gStatusBanner`). * Displays contextual status banners with variants (`warningLight`, `warningSolid`, `errorLight`, `successLight`, * `savingLight`, `infoLight`, `neutralLight`, `primaryLight`), leading/trailing icons, badges, and inline actions. */ export declare const Ux4gStatusBanner: React.FC; //# sourceMappingURL=StatusBanner.d.ts.map