import React from 'react';
import { TagItemEditable } from './TagItemEditable';
import { observer } from 'mobx-react-lite';
import { TAG_MAX_LENGTH } from '@wix/bex-core';
const _NewTagItemEditable = ({ state }) => {
    const handleApprove = (name) => {
        state.createTagFromList(name);
    };
    const handleCancel = () => {
        state.handleCancelEditCtaClick();
    };
    return (React.createElement(TagItemEditable, { isLastTag: true, errorMessage: state.editedTagErrorMessage, onApprove: handleApprove, onCancel: handleCancel, maxLength: TAG_MAX_LENGTH }));
};
export const NewTagItemEditable = observer(_NewTagItemEditable);
//# sourceMappingURL=NewTagItemEditable.js.map