export async function generateStaticParams ({ params: { product } }: IParamsProps) {
    switch (product) {
        case 'first':
            return [
                { doc: `doc?name=${product}&version=1.4&language=de` },
                { doc: `doc?name=${product}&version=1.3&language=de` },

                { doc: `doc?name=${product}&version=1.4&language=en` },
                { doc: `doc?name=${product}&version=1.3&language=en` },
            ];

        case 'second':
            return [
                { doc: `doc?name=${product}&version=1.6&language=de` },
                { doc: `doc?name=${product}&version=1.6&language=en` },
            ];

        default:
            return [];
    };
};

async function getData ({ params }: IPageProps & IParamsProps) {
    const {
        doc,
        product,
    } = params;

    const res = await fetch(
        `http://localhost:3000/${product}${doc.slice(3)}`,
        {
            method: 'GET',
            cache: 'no-store',
        }
    );
    const data = await res.json();

    return data;
}

const Page = async (props) => {
    const {
        params 
    } = props;

    const data = await getData({ params });

    return <Component data={data} />
}