Qreatify Chat Rail

"use client";

import { useState } from "react";

import QreatifyChatRail, {
  type QreatifyChatRailPanel,
} from "@/components/ui/qreatify-chat-rail";

export default function QreatifyChatRailDemo() {
  const [panel, setPanel] = useState<QreatifyChatRailPanel>("prompts");

  return (
    <div className="flex h-64 items-start bg-zinc-950 p-6">
      <QreatifyChatRail
        workspaceInitial="M"
        activePanel={panel}
        onPanelChange={setPanel}
      />
    </div>
  );
}