import { ReactNode } from 'react';

export interface PreviewNavbarProps {
  title: string;
  viewport: ViewportType;
  setViewport: (viewport: ViewportType) => void;
  onPublish: () => void;
  viewportOptions: Record<string, { name?: string }>;
  isPublished: boolean;
  isOwner: boolean;
}

export interface ViewportConfig {
  width: number | string;
  height: number | string;
  name?: string;
  isFullWidth?: boolean;
}

export interface ViewportSimulatorProps {
  viewportConfig: ViewportConfig;
  children: ReactNode;
  className?: string;
}

export type ViewportType = 'mobile' | 'tablet' | 'desktop';
