import { DepthOfField, Bloom, EffectComposer, N8AO } from "@react-three/postprocessing";
import OutlineInstances from "./outlineInstances/outlineInstances";
import { useDeletableEventSphere, useSelectedEventSphere } from "../../../store/simulation/useSimulationStore";

export default function PostProcessing() {
    const { } = useSelectedEventSphere();
    const { } = useDeletableEventSphere();

    return (
        <EffectComposer autoClear={false}>

            <N8AO color="black" aoRadius={20} intensity={7} distanceFalloff={4} aoSamples={32} denoiseRadius={6} denoiseSamples={16} />

            {/* <DepthOfField focusDistance={0} focalLength={0.15} bokehScale={2} /> */}

            {/* <Bloom intensity={0.1} luminanceThreshold={0.9} luminanceSmoothing={0.025} mipmapBlur={false} /> */}

            <OutlineInstances />

        </EffectComposer>
    );
}