import { HalftoneGlow } from "@/components/HalftoneGlow"
import { Canvas } from '@react-three/fiber'

<Canvas>
    <HalftoneGlow />
</Canvas>

import type { Texture } from "three"

function Scene() {
    const [texture, setTexture] = useState<Texture | null>(null)
    return (
        <Canvas>
            <HalftoneGlow onTextureReady={setTexture} />
            <mesh>
                <sphereGeometry />
                <MeshTransmissionMaterial buffer={texture ?? undefined} />
            </mesh>
        </Canvas>
    )
}