// src/components/icons.tsx
import React from 'react';
// آیکونهای دیگر (PauseIconWithSurroundPulse و ...) بدون تغییر باقی میمانند و صحیح هستند.
// ...
export const PauseIconWithSurroundPulse = ({ userVolume = 0 }: { userVolume: number }) => { const waveScale = 1 + userVolume * 2; const waveOpacity = Math.min(1, userVolume * 5); return ( ); };
export const pauseIcon = ( );
export const microphoneIcon = ( );
export const cameraIcon = ( );
export const stopCamIcon = ( );
export const humanAiIcon = ({ size, isUserSpeaking, isAiSpeaking }: {
size: number,
isUserSpeaking?: boolean,
isAiSpeaking?: boolean
}) => {
// --- 👇 منطق نهایی و صحیح اینجاست 👇 ---
// وقتی کاربر صحبت میکند، ربات تکان میخورد
const aiStyle: React.CSSProperties = {
transition: 'transform 0.2s ease-out',
transform: isUserSpeaking ? 'scale(1.07)' : 'scale(1)', // انیمیشن ظریف
transformOrigin: 'center'
};
// وقتی ربات صحبت میکند، آدمک تکان میخورد
const humanStyle: React.CSSProperties = {
transition: 'transform 0.2s ease-out',
transform: isAiSpeaking ? 'scale(1.07)' : 'scale(1)', // انیمیشن ظریف
transformOrigin: 'center'
};
return (
);
};