27 lines
570 B
TypeScript
27 lines
570 B
TypeScript
import React, { useRef } from "react";
|
|
import { useCardAnimation } from "@/components/cardStack/hooks/useCardAnimation";
|
|
|
|
interface DashboardProps {
|
|
data?: any[];
|
|
}
|
|
|
|
export default function Dashboard({ data = [] }: DashboardProps) {
|
|
const state = useCardAnimation({
|
|
rotationX: 0,
|
|
rotationY: 0,
|
|
rotationZ: 0,
|
|
perspective: 1000,
|
|
duration: 0.3,
|
|
});
|
|
|
|
return (
|
|
<div className="dashboard">
|
|
{data.map((item, index) => (
|
|
<div key={index} className="dashboard-item">
|
|
{item.label}
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|