import { useEffect } from 'react';
import { FSLContainer } from '../../utils/fslContainer';

customElements.define('fsl-container', FSLContainer);

const App: React.FC = () => {
  useEffect(() => {
    const fsl = document.getElementById(
      'fsl',
    ) as unknown as JSX.IntrinsicElements['fsl-container'];
    if (fsl) {
      fsl.copy = console.log;
      fsl.close = () => {
        console.log('点击关闭');
      };
    }
  }, []);

  return (
    <fsl-container
      id="fsl"
      name="xiaxuhui1995@gmail.com"
      avatar="/assets/avatar.png">
      fsl box
    </fsl-container>
  );
};

export default App;