| className, | className, | ||||
| toolIcon, | toolIcon, | ||||
| }) => { | }) => { | ||||
| const isToolOrDataSource = type === BlockEnum.Tool || type === BlockEnum.DataSource | |||||
| return ( | return ( | ||||
| <div className={ | <div className={ | ||||
| cn( | cn( | ||||
| 'flex items-center justify-center border-[0.5px] border-white/2 text-white', | 'flex items-center justify-center border-[0.5px] border-white/2 text-white', | ||||
| ICON_CONTAINER_CLASSNAME_SIZE_MAP[size], | ICON_CONTAINER_CLASSNAME_SIZE_MAP[size], | ||||
| !toolIcon && ICON_CONTAINER_BG_COLOR_MAP[type], | |||||
| !isToolOrDataSource && ICON_CONTAINER_BG_COLOR_MAP[type], | |||||
| toolIcon && '!shadow-none', | toolIcon && '!shadow-none', | ||||
| className, | className, | ||||
| )} | )} | ||||
| > | > | ||||
| { | { | ||||
| type !== BlockEnum.Tool && ( | |||||
| !isToolOrDataSource && ( | |||||
| getIcon(type, size === 'xs' ? 'w-3 h-3' : 'w-3.5 h-3.5') | getIcon(type, size === 'xs' ? 'w-3 h-3' : 'w-3.5 h-3.5') | ||||
| ) | ) | ||||
| } | } | ||||
| { | { | ||||
| (type === BlockEnum.Tool || type === BlockEnum.DataSource) && toolIcon && ( | |||||
| isToolOrDataSource && toolIcon && ( | |||||
| <> | <> | ||||
| { | { | ||||
| typeof toolIcon === 'string' | typeof toolIcon === 'string' |