import { __ } from "../../globals";
import {ListItem} from "./ListItem";
/** This one is for showing it on the tree cards **/
export const AutoAddedListItem = ({autoAdded}: {autoAdded: boolean}) => {
    return <ListItem icon={autoAdded ?
                                              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                                                   fill="currentColor" className="min-w-3 min-h-3 max-w-3 max-h-3">
                                                  <path fillRule="evenodd"
                                                        d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z"
                                                        clipRule="evenodd"/>
                                              </svg> :
                                              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                                                   strokeWidth={1.5} stroke="currentColor"
                                                   className="min-w-4 min-h-4 max-w-4 max-h-4">
                                                  <path strokeLinecap="round" strokeLinejoin="round"
                                                        d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672Zm-7.518-.267A8.25 8.25 0 1 1 20.25 10.5M8.288 14.212A5.25 5.25 0 1 1 17.25 10.5"/>
                                              </svg>
                                          }
                                          className={autoAdded ? "text-blue-normal" : ''}
                                      >
                                          {autoAdded ? __('Automatically added') : __('Manually added')}
                                      </ListItem>
}