import React from 'react';
import {SwipeLeftActionsProps} from './types';

/**
 * Container for left swipe actions
 * Does not render anything itself - used for configuration
 * 
 * @example
 * ```tsx
 * <SwipeableListItem.SwipeLeftActions>
 *   <SwipeableListItem.SwipeLeftAction backgroundColor="#007AFF" width={80} onPress={() => {}}>
 *     <View><Text>Read</Text></View>
 *   </SwipeableListItem.SwipeLeftAction>
 *   <SwipeableListItem.SwipeLeftAction backgroundColor="#8E8E93" width={80} onPress={() => {}}>
 *     <View><Text>Pin</Text></View>
 *   </SwipeableListItem.SwipeLeftAction>
 * </SwipeableListItem.SwipeLeftActions>
 * ```
 */
export const SwipeableListItemSwipeLeftActions: React.FC<SwipeLeftActionsProps> = () => {
  // This component is used for configuration only, doesn't render
  // Children are extracted and processed by the main SwipeableListItem component
  return null;
};