export const Embed = () => {
  useEffect(() => {
    if (typeof window === 'undefined') return
    if (typeof document === 'undefined') return
    if (document.querySelector('#button-container-bcm button')) return
    ;(window as any).Tento?.appendBcmButton({
      text: 'See My Credit Score',
      selector: '#button-container-bcm',
      data: {},
    })
  })
  return (
    <div className="flex flex-col items-center gap-4 p-8">
      <div id="button-container-bcm" />
    </div>
  )
}