import React from 'react';
import {View} from 'react-native';
import {SwipeableListItemIconProps} from './types';

/**
 * Icon component for SwipeableListItem.Metadata
 * Renders any content as a metadata indicator (badge, icon, etc.)
 * 
 * @example
 * ```tsx
 * <SwipeableListItem.Metadata timestamp="2:30 PM">
 *   <SwipeableListItem.Icon>
 *     <Text>📌</Text>
 *   </SwipeableListItem.Icon>
 *   <SwipeableListItem.Icon>
 *     <View style={{backgroundColor: 'blue', borderRadius: 10}}>
 *       <Text style={{color: 'white'}}>5</Text>
 *     </View>
 *   </SwipeableListItem.Icon>
 * </SwipeableListItem.Metadata>
 * ```
 */
export const SwipeableListItemIcon: React.FC<SwipeableListItemIconProps> = ({
  children,
  style,
}) => {
  return <View style={style}>{children}</View>;
};