@werk1/w1-system-videoblock
Version:
Universal video player supporting YouTube, Vimeo, HLS, DASH with coordination and GSAP integration for W1 System
29 lines (28 loc) • 1.03 kB
TypeScript
import React from 'react';
/**
* Props interface for the PictureInPictureIcon component
*/
export interface PictureInPictureIconProps {
/** Whether currently in picture-in-picture mode */
isPictureInPicture?: boolean;
/** Color of the icon */
color?: string;
/** Size of the icon */
size?: number;
/** CSS class name */
className?: string;
}
/**
* Modern SVG picture-in-picture icon component for W1VideoBlock controls
* Shows enter or exit PiP icon based on current state
*
* @component
* @param {Object} props - Component props
* @param {boolean} [props.isPictureInPicture=false] - Whether currently in PiP mode
* @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 picture-in-picture icon
*/
export declare const PictureInPictureIcon: React.FC<PictureInPictureIconProps>;
export default PictureInPictureIcon;