feishin/src/renderer/layouts/default-layout/full-screen-overlay.tsx

import { AnimatePresence } from 'framer-motion';
import { FullScreenPlayer } from '/@/renderer/features/player/components/full-screen-player';
import { useFullScreenPlayerStore } from '/@/renderer/store';

export const FullScreenOverlay = () => {
  const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();

  return (
    <AnimatePresence initial={false}>
      {isFullScreenPlayerExpanded && <FullScreenPlayer />}
    </AnimatePresence>
  );
};