import StudioContext from '@/components/studio/StudioContext';
import { useContext } from '@/hooks/useContextSelector';

import { EditLyricsSection } from './EditLyricsSection';

export const EditLyricsInputWrapper = () => {
  const studioContext = useContext(StudioContext);
  const { editedLyrics, setEditedLyrics, setReplacingLyrics } =
    studioContext.lyricsEditController;
  return (
    <EditLyricsSection
      initialHeight={0}
      onHeightChange={() => {}}
      value={editedLyrics || ''}
      onChange={(val) => {
        setReplacingLyrics(!!val);
        setEditedLyrics(val);
      }}
    />
  );
};