import type { CreateFlowStage } from '../components/CreateFlow/types';

import { useAppRouter } from '~/src/lib/router2';
import { AlbumSearch } from './components/AlbumSearch';

export const ChooseAlbumStage: CreateFlowStage = ({ events }) => {
  const router = useAppRouter();
  const { artistUrl } = router.getQuery();

  return (
    <AlbumSearch
      artistUrl={artistUrl}
      onSelectAlbum={({ sourceUrl }) => {
        events.emit('submit', { artistUrl, sourceUrl });
      }}
    />
  );
};