'use client';

import { useMemo, useState } from 'react';
import { getRoomById, ROOM_THEMES } from '@/entities/room';

export const useRoomSelection = (initialRoomId?: string) => {
  const [selectedRoomId, setSelectedRoomId] = useState(
    initialRoomId ?? ROOM_THEMES[0].id,
  );

  const selectedRoom = useMemo(() => {
    return getRoomById(selectedRoomId) ?? ROOM_THEMES[0];
  }, [selectedRoomId]);

  return {
    selectedRoomId,
    selectedRoom,
    selectRoom: setSelectedRoomId,
  };
};