@smitch/fluid
Version:
A lightweight, Tailwind-powered React/Next.js UI component library.
8 lines • 882 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from "../..";
import { FaVolumeMute, FaVolumeUp } from "react-icons/fa";
var SoundControl = function (muted, onMute, duration, volumeLevel, handleVolumeChange) {
return (_jsxs("div", { id: "sound", className: "flex gap-1 items-center", children: [_jsxs(Button, { title: muted ? "Unmute Sound" : "Mute Sound", onClick: onMute, btnBackground: "transparent", btnColor: "light", size: "sm", children: [muted ? _jsx(FaVolumeMute, {}) : _jsx(FaVolumeUp, {}), _jsx("span", { className: "sr-only", children: "Toggle Mute Sound" })] }), _jsx("input", { type: "range", min: "0", max: "10", step: "1", value: volumeLevel, onChange: handleVolumeChange, className: "volume-slider w-16 hidden lg:block", disabled: duration === 0 })] }));
};
export default SoundControl;
//# sourceMappingURL=SoundControl.js.map