import React from 'react'; import { DownOutlined, LoadingOutlined, CheckOutlined, CloseOutlined, CloseCircleFilled, SearchOutlined, } from '@ant-design/icons'; export default function getIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, }: { suffixIcon?: React.ReactNode; clearIcon?: React.ReactNode; menuItemSelectedIcon?: React.ReactNode; removeIcon?: React.ReactNode; loading?: boolean; multiple?: boolean; }) { // Clear Icon let mergedClearIcon = clearIcon; if (!clearIcon) { mergedClearIcon = ; } // Arrow item icon let mergedSuffixIcon = null; if (suffixIcon !== undefined) { mergedSuffixIcon = suffixIcon; } else if (loading) { mergedSuffixIcon = ; } else { mergedSuffixIcon = ({ open, showSearch }: { open: boolean; showSearch: boolean }) => { if (open && showSearch) { return ; } return ; }; } // Checked item icon let mergedItemIcon = null; if (menuItemSelectedIcon !== undefined) { mergedItemIcon = menuItemSelectedIcon; } else if (multiple) { mergedItemIcon = ; } else { mergedItemIcon = null; } let mergedRemoveIcon = null; if (removeIcon !== undefined) { mergedRemoveIcon = removeIcon; } else { mergedRemoveIcon = ; } return { clearIcon: mergedClearIcon, suffixIcon: mergedSuffixIcon, itemIcon: mergedItemIcon, removeIcon: mergedRemoveIcon, }; }