'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Volume2, VolumeOff } from 'lucide-react';
import { Button } from '../../ui/button.js';
import { useSoundEnabled } from '../../../hooks/use-sound-enabled.js';
export function SoundToggle() {
    const { enabled, toggle } = useSoundEnabled();
    return (_jsxs(Button, { variant: "ghost", size: "icon", onClick: toggle, "aria-label": enabled ? 'Mute sounds' : 'Unmute sounds', children: [enabled ? _jsx(Volume2, { className: "h-5 w-5" }) : _jsx(VolumeOff, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Toggle sound" })] }));
}
