import React, { useState } from 'react';
import tikz from '../lib/api/tikz';

function Transform({ value }) {
  const [transData,settransData]=useState(value);
  return (
      <tikz value={value}/>
    );
}
//side effect를 사용하기 위해서 useState 함수들을 선언하고 useEffect를 선언해서
// Clean Up을 한다.
export default Transform;


//iframe 부분
 /* <iframe
     id="iframe"
     scrolling="yes"
     srcDoc={value}
     style={{
       width: '100%',
       height: '100%',
       border: 'none'
     }}>
      
     </iframe>
    */

//useEffect 부분
    {/*} 
 useEffect(() => {
    if (value) {
      setData(value);
      console.log({value});
    }
    return () => {
      setData(null);
    };
  }, [value]);
{*/}


//iframe 부분
{/*}
  return (
    <iframe
      id="iframe"
      scrolling="no"
      srcDoc={data}
      style={{
        width: '100%',
        height: '100%',
        border: 'none',
        pointerEvents: 'none',
      }}
    />
  );
}
{*/}
//side effect를 사용하기 위해서 useState 함수들을 선언하고 useEffect를 선언해서
// Clean Up을 한다.