import * as React from "react";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/ai-dimensie-select";
const settings = { placeholder: "Select a framework" };
export default function Demo({ placeholder = settings.placeholder }: Partial<typeof settings>) {
return (
<div className="flex min-h-[300px] items-center justify-center bg-background p-8">
<Select>
<SelectTrigger className="w-[220px]">
<SelectValue placeholder={placeholder} />
</SelectTrigger>
<SelectContent>
<SelectItem value="next">Next.js</SelectItem>
<SelectItem value="remix">Remix</SelectItem>
<SelectItem value="astro">Astro</SelectItem>
<SelectItem value="nuxt">Nuxt</SelectItem>
</SelectContent>
</Select>
</div>
);
}
