import {format} from "date-fns"

import prismadb from "@/lib/prismadb";
import { VariantClient } from "./components/client"
import { VariantCollumn } from "./components/columns";


const VariantPage = async ({
    params
}: {
    params: {storeId: string}
}) => {
    const variant = await prismadb.variant.findMany({
        where:{
            storeId: params.storeId
        },
        orderBy: {
            createdAt: 'desc'
        }
    });

    const formattedVariant : VariantCollumn[] = variant.map((item:any) => ({
        id: item.id,
        name: item.name,
        createdAt: format(item.createdAt, "MMMM do, yyyy")
    }))
    
    return (
        <div className="flex-col">
            <div className="flex-1 space-y-4 p-8 pt-6">
                <VariantClient data={formattedVariant}/>
            </div>
        </div>
    )
}

export default VariantPage