import { useRef, useEffect } from 'react';
/**
* Status indicator component that shows hand detection status
*/
export const StatusIndicator = ({ handDetected }) => {
return (
{handDetected ? 'Hand detected' : 'No hand detected'}
);
};
/**
* Audio effects component that plays sounds based on app state
*/
export const AudioEffects = ({ isThinking }) => {
const bloopSoundRef = useRef(null);
// Play sound effect when thinking state changes
useEffect(() => {
if (isThinking && bloopSoundRef.current) {
bloopSoundRef.current.currentTime = 0;
bloopSoundRef.current.play().catch(err => {
// Handle any autoplay restrictions
console.log("Could not play sound effect:", err);
});
}
}, [isThinking]);
return (
);
};
/**
* Animation styles component that defines global animations
*/
export const AnimationStyles = () => {
return (
<>
);
};