import React from 'react';
import { View } from 'react-native';
import { extendObject } from '../utils';
import { usePickerViewStyleContext } from '../mpx-picker-view/pickerVIewContext';
const PickerViewColumnItem = ({ item, index, itemHeight, itemWidth = '100%', textStyle, textProps, onItemLayout }) => {
    const textStyleFromAncestor = usePickerViewStyleContext();
    const strKey = `picker-column-item-${index}`;
    const restProps = index === 0 ? { onLayout: onItemLayout } : {};
    const itemProps = extendObject({
        style: extendObject({ height: itemHeight, width: '100%' }, textStyleFromAncestor, textStyle, item.props.style)
    }, textProps, restProps);
    const realItem = React.cloneElement(item, itemProps);
    return (<View key={strKey} style={[
            { height: itemHeight, width: itemWidth, pointerEvents: 'none' }
        ]}>
      {realItem}
    </View>);
};
PickerViewColumnItem.displayName = 'MpxPickerViewColumnItem';
export default PickerViewColumnItem;