import { ClockIcon } from '@phosphor-icons/react' import React from 'react' interface IconProps { className?: string size?: number variant?: 'solid' | 'line' } /** B站官方点赞图标 */ export const ThumbUpIcon: React.FC = ({ className, size, variant = 'solid' }) => { if (variant === 'line') { return ( ) } return ( ) } /** B站官方收藏图标 */ export const StarIcon: React.FC = ({ className, size, variant = 'solid' }) => { if (variant === 'line') { return ( ) } return ( ) } /** B站官方分享图标 */ export const ShareIcon: React.FC = ({ className, size, variant = 'solid' }) => { if (variant === 'line') { return ( ) } return ( ) } /** B站官方播放量图标 */ export const PlayIcon: React.FC = ({ className, size, variant = 'solid' }) => { if (variant === 'line') { return ( ) } return ( ) } /** B站官方投币图标 */ export const CoinIcon: React.FC = ({ className, size, variant = 'solid' }) => { if (variant === 'line') { return ( ) } return ( ) } /** B站官方浏览图标 */ export const ViewIcon: React.FC = ({ className, size, variant = 'solid' }) => { if (variant === 'line') { return ( ) } return ( ) } /** 视频时长图标（Phosphor Icons） */ export const DurationIcon: React.FC = ({ className, size, variant = 'solid' }) => { return } /** B站官方评论图标 */ export const CommentIcon: React.FC = ({ className, size, variant = 'solid' }) => { if (variant === 'line') { return ( ) } return ( ) }