'use client';
import { useState } from 'react';
import FlipStack from '@/components/ui/flipstack';
import {
Select,
SelectContent,
SelectGroup,
SelectItem,
SelectLabel,
SelectTrigger,
SelectValue,
} from '@/components/ui/select';
export default function FlipStackDemo() {
const [direction, setDirection] = useState<'top' | 'bottom'>('top');
const cards = [
{
id: 1,
content: (
),
},
{
id: 2,
content: (
),
},
{
id: 3,
content: (
),
},
{
id: 4,
content: (
),
},
{
id: 5,
content: (
),
},
];
return (
<>
),
},
{
id: 2,
content: (
),
},
{
id: 3,
content: (
),
},
{
id: 4,
content: (
),
},
{
id: 5,
content: (
),
},
];
return (
<> 