import React from 'react';
import { IcClose } from '../../res/icons';
import { useMapBackHandler } from '../../hooks/useMapBackHandler';
import { useMapGestures } from '../../hooks/useMapGestures';
import { useMapStrings } from '../../hooks/useMapStrings';
type SelectionMode = 'origin' | 'destination';
/** 地图中心红色图钉 + 准心（pointer-events: none，由父级置于地图容器内） */
export const PinPickerMapCenterIcon: React.FC = () => (
);
export const PinPickerHeader: React.FC<{
selectionMode: SelectionMode;
onClose: () => void;
}> = ({ selectionMode, onClose }) => {
const s = useMapStrings();
useMapBackHandler(
() => {
onClose();
return true;
},
{ priority: 750 },
);
const { bindTap } = useMapGestures();
return (
{selectionMode === 'origin' ? s.select_origin : s.select_destination}
{s.pin_picker_hint}
);
};
export const PinPickerFooter: React.FC<{
onConfirm: () => void;
}> = ({ onConfirm }) => {
const { bindTap } = useMapGestures();
const s = useMapStrings();
return (
);
};