export const getCurrentTemplate = (templateString: string) => {
  const customParse = (htmlString: string) => {
    return parse(htmlString, {
      replace: domNode => {
        const convertToReactElement = (node: DOMNode) => {
          if (node.type === 'text') {
            return node.data;
          }
          const children = (node.children || []).map(convertToReactElement);

          switch ((node as Element).name) {
            case 'text': {
              return <>{children}</>;
            }
            case 'ai': {
              return <Ai node={node as Element}>{children}</Ai>;
            }
            default:
              return children; 
          }
        };
        return convertToReactElement(domNode);
      },
    });
  };

const Ai: FC<IProps> = ({ children }) => {
  const handleClick =() => {
     console.log('test')
  }
  return (
    <span onClick={handleClick}>
      {children}
    </span>
  );
};

export default Ai;

 const parsedContent = getCurrentTemplate('this is demo<text>demo<ai>ask ai</ai></text>');