import React, { useMemo } from 'react';
import { TagsListItemView } from './TagListItemView';
import { TagListItemEditable } from './TagListItemEditable';
import { observer } from 'mobx-react-lite';
export const _TagsListItem = ({ state, tag, isLastTag }) => {
    const viewMode = useMemo(() => tag?.id !== state.editedTagId, [state.editedTagId, tag]);
    return viewMode && tag ? (React.createElement(TagsListItemView, { state: state, tag: tag, isLastTag: isLastTag })) : (React.createElement(TagListItemEditable, { state: state, tag: tag, isLastTag: isLastTag }));
};
export const TagsListItem = observer(_TagsListItem);
//# sourceMappingURL=TagsListItem.js.map