import React from 'react'; export interface Time { currentTime: number; duration: number; } export interface FadeSettings { fadeInTime: number; fadeOutTime: number; } export interface BaseProps { src: string | Promise | (() => Promise) | (() => string); onEnded?: () => void; color?: MaterialUIColor; PlayProps?: IconButtonProps; } export interface MaterialUIMediaProps extends BaseProps { forward?: boolean; backward?: boolean; onForwardClick?: (e: React.MouseEvent) => void; onBackwardClick?: (e: React.MouseEvent) => void; autoplay?: boolean; loop?: boolean; width?: number; mute?: boolean; speed?: boolean; thickness?: SliderThickness; BackwardProps?: IconButtonProps; StopProps?: IconButtonProps; PauseProps?: IconButtonProps; ForwardProps?: IconButtonProps; MuteProps?: IconButtonProps; TimeProps?: TimeProps; background?: string; } export interface IconButtonProps { attributes?: Record; icons?: Array; } export interface TimeProps { fontSize?: number; } export type MaterialUIColor = 'primary' | 'secondary'; export type SliderThickness = 'thin' | 'medium' | 'large';