@werk1/w1-system-videoblock/dist/components/icons/VolumeIcon.d.ts

Universal video player supporting YouTube, Vimeo, HLS, DASH with coordination and GSAP integration for W1 System

import React from 'react';
/**
 * Props interface for the VolumeIcon component
 */
export interface VolumeIconProps {
    /** Volume level: 0 = muted, 0-0.5 = low, 0.5+ = high */
    level: number;
    /** Whether the volume is muted */
    isMuted?: boolean;
    /** Color of the icon */
    color?: string;
    /** Size of the icon */
    size?: number;
    /** CSS class name */
    className?: string;
}
/**
 * Modern SVG volume icon component for W1VideoBlock controls
 * Displays different icons based on volume level and mute state
 *
 * @component
 * @param {Object} props - Component props
 * @param {number} props.level - Volume level (0-1)
 * @param {boolean} [props.isMuted=false] - Whether volume is muted
 * @param {string} [props.color='currentColor'] - Color of the icon
 * @param {number} [props.size=20] - Size of the icon in pixels
 * @param {string} [props.className=''] - Additional CSS class name
 * @returns {JSX.Element} Rendered volume icon
 */
export declare const VolumeIcon: React.FC<VolumeIconProps>;
export default VolumeIcon;