"use client"; import { Plus, Loader2, Key } from "lucide-react"; import { Button } from "@/components/ui/button"; import { UserButton, SignedIn } from "@clerk/nextjs"; interface PageData { id: number; title: string; image: string; prompt: string; characterUpload?: string; style: string; } interface PageSidebarProps { pages: PageData[]; currentPage: number; onPageSelect: (index: number) => void; onAddPage: () => void; loadingPageId?: number | null; onApiKeyClick?: () => void; isOwner?: boolean; } export function PageSidebar({ pages, currentPage, onPageSelect, onAddPage, loadingPageId, onApiKeyClick, isOwner = true, }: PageSidebarProps) { return ( ); }