react-native-platform-components 0.8.10 → 1.0.0

package/src/index.web.tsx

@@ -111,18 +111,51 @@ export const ContextMenu = ({
 // SegmentedControl
 // ============================================================================
 
+export type SegmentedControlIconSource =
+  | string
+  | { type: 'sfSymbol'; name: string }
+  | { type: 'drawable'; name: string }
+  | { type: 'image'; source: unknown; tinted?: boolean };
+
+export type SegmentedControlIcon =
+  | SegmentedControlIconSource
+  | { ios?: SegmentedControlIconSource; android?: SegmentedControlIconSource };
+
+export type SegmentedControlLabelVisibility = 'auto' | 'labeled' | 'unlabeled';
+
 export interface SegmentedControlSegmentProps {
   label: string;
   value: string;
   disabled?: boolean;
-  icon?: string;
+  icon?: SegmentedControlIcon;
+  badge?: string | number;
+  accessibilityLabel?: string;
+}
+
+export interface SegmentedControlBadgeStyle {
+  backgroundColor?: string;
+  color?: string;
+}
+
+export interface SegmentedControlLabelStyle {
+  fontFamily?: string;
+  fontSize?: number;
+  fontWeight?: string | number;
+  fontStyle?: 'normal' | 'italic';
 }
 
 export interface SegmentedControlProps extends ViewProps {
   segments: readonly SegmentedControlSegmentProps[];
   selectedValue: string | null;
   disabled?: boolean;
+  labelVisibility?: SegmentedControlLabelVisibility;
+  selectedSegmentColor?: string;
+  activeTintColor?: string;
+  inactiveTintColor?: string;
+  labelStyle?: SegmentedControlLabelStyle;
+  badgeStyle?: SegmentedControlBadgeStyle;
   onSelect?: (value: string, index: number) => void;
+  onDeselect?: () => void;
   ios?: Record<string, unknown>;
   android?: Record<string, unknown>;
 }