"use client"

import { IGame } from "@/types/igdb-types"
import { User } from "@prisma/client"
import { useState } from "react"
import AddGameToFinishedList from "./add-game-to-finished-list"
import AddGameToPlanList from "./add-game-to-plan-list"
import AddGameToPlayingList from "./add-game-to-playing-list"
import GameItem from "./game-item"
import { Card } from "./ui/card"
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./ui/select"

export default function AddGameDropdown(props: { gameid: string, fullUser: User }) {
    return (
        <>
            <Select>
                <SelectTrigger className={`bg-background border-full w-32 h-8}`}>
                    <SelectValue placeholder="Status" />
                </SelectTrigger>
                <SelectContent>
                    <SelectGroup>
                        <SelectLabel>Status</SelectLabel>
                        <AddGameToPlanList user={props.fullUser!} gameId={props.gameid} />
                        <AddGameToFinishedList user={props.fullUser!} gameId={props.gameid} />
                        <AddGameToPlayingList user={props.fullUser!} gameId={props.gameid} />
                    </SelectGroup>
                </SelectContent>
            </Select>

        </>
    )

}