import React from 'react'; import { StyleProp, ViewStyle, TextStyle } from 'react-native'; export type Ux4gProgressShape = 'sharp' | 'rounded'; export type Ux4gProgressLabelPosition = 'outside' | 'inside'; export interface Ux4gLinearProgressBarProps { /** * Progress value between **0.0** (empty) and **1.0** (full). */ value: number; /** * Optional leading icon shown to the left of the label row. */ icon?: React.ReactNode; /** * Optional icon color. Defaults to Primary color. */ iconColor?: string; /** * Optional icon background color (circle behind icon). Pass `transparent` to hide bg. */ iconBackgroundColor?: string; /** * Optional main label text shown above-left of the bar. */ label?: string; /** * Optional hint text shown above-right of the bar. */ hint?: string; /** * Height of the progress track in logical pixels. Default: **8**. */ height?: number; /** * Controls corner roundness. * - 'sharp' → `borderRadius = 0` * - 'rounded' → `borderRadius = height / 2` (pill) */ shape?: Ux4gProgressShape; /** * Custom border radius that overrides [shape] when provided. */ customBorderRadius?: number; /** * Single solid fill color. */ color?: string; /** * Two or more colors for a left-to-right gradient fill. * Takes priority over [color]. */ gradientColors?: string[]; /** * Background track color. Defaults to a semi-transparent `onSurface`. */ trackColor?: string; /** * Whether to render the percentage value. */ showPercentage?: boolean; /** * Where the percentage text appears when [showPercentage] is `true`. */ labelPosition?: Ux4gProgressLabelPosition; /** * Text style for the percentage rendered inside the bar. */ insideLabelStyle?: StyleProp; /** * Container style for overriding wrapper styling. */ containerStyle?: StyleProp; /** * Test ID for testing. */ testID?: string; } /** * A customizable linear progress indicator following the Ux4G Design System. */ export declare const Ux4gLinearProgressBar: React.FC; //# sourceMappingURL=LinearProgressBar.d.ts.map