import { magic } from '@agent/icons'; import { useGlobalStore } from '@agent/state/global'; import { useEffect, useRef } from '@wordpress/element'; import { __ } from '@wordpress/i18n'; import { chevronUp, Icon } from '@wordpress/icons'; export const Mobile = () => { const { isMobile, minimized, setMinimized } = useGlobalStore(); const ref = useRef(null); const minimize = () => setMinimized(false); useEffect(() => { if (!isMobile || minimized) return; // Set button height as root var document.body.style.setProperty( '--extendify-agent-mobile-btn-height', `${ref.current?.offsetHeight}px`, ); }, [isMobile, minimized]); useEffect(() => { if (!isMobile) return; document.body.classList.add('extendify-agent-mobile-btn-open'); return () => { document.body.classList.remove('extendify-agent-mobile-btn-open'); }; }, [isMobile]); if (!isMobile || !minimized) return null; return ( ); };