import { useEffect, useState } from 'react';
import TitlesApiService from '../service/TitlesApiService';

const useTitles = () => {
    const [titles, setTitles] = useState([]);

    const getTitles = async () => {
        const response = await TitlesApiService.getAll();
        const { titlesOfLines } = response.data.map((line) => line.title);
        setTitles(titlesOfLines ?? []);
    };

    useEffect(() => {
        getTitles();
    }, []);

    return {
        titles,
    };
};

export default useTitles;