import { Deck, DeckCards, DeckEmpty, DeckItem } from "@/components/kibo-ui/deck/index"export default function DeckDemo() {  return (    <Deck className="h-96 w-full max-w-sm">      <DeckCards>        <DeckItem className="flex-col items-start justify-between bg-sky-50 p-6 text-sky-950 dark:bg-sky-950 dark:text-sky-50">          <span className="text-sm font-medium uppercase tracking-wide opacity-70">Today</span>          <div>            <p className="text-2xl font-semibold">Review homepage designs</p>            <p className="mt-2 text-sm opacity-70">Give feedback on the latest concepts.</p>          </div>        </DeckItem>        <DeckItem className="flex-col items-start justify-between bg-amber-50 p-6 text-amber-950 dark:bg-amber-950 dark:text-amber-50">          <span className="text-sm font-medium uppercase tracking-wide opacity-70">Tomorrow</span>          <div>            <p className="text-2xl font-semibold">Plan the team offsite</p>            <p className="mt-2 text-sm opacity-70">Compare locations and finalize the agenda.</p>          </div>        </DeckItem>        <DeckItem className="flex-col items-start justify-between bg-emerald-50 p-6 text-emerald-950 dark:bg-emerald-950 dark:text-emerald-50">          <span className="text-sm font-medium uppercase tracking-wide opacity-70">Friday</span>          <div>            <p className="text-2xl font-semibold">Ship the new dashboard</p>            <p className="mt-2 text-sm opacity-70">Run the final checks before release.</p>          </div>        </DeckItem>      </DeckCards>      <DeckEmpty />    </Deck>  )}