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