'use client'

import { useState } from 'react'
import { ModelViewerDialog } from '@vizbl/react-model-viewer'
import '@vizbl/react-model-viewer/style.css'

export function ProductPreviewButton() {
  const [open, setOpen] = useState(false)

  return (
    <>
      <button type="button" onClick={() => setOpen(true)}>
        Preview in 3D
      </button>

      <ModelViewerDialog
        open={open}
        onOpenChange={setOpen}
        tinuuid="…"
      />
    </>
  )
}