'use client'

import { Box } from 'lucide-react'

export interface FallbackPreviewProps {
  blockType: string
  data: Record<string, unknown>
}

export function FallbackPreview({ blockType }: FallbackPreviewProps) {
  return (
    <div className="border-border bg-muted/50 flex flex-col items-center justify-center gap-2 rounded-md border border-dashed p-8">
      <Box size={24} className="text-muted-foreground" />
      <p className="text-muted-foreground text-sm font-medium">{blockType}</p>
      <p className="text-muted-foreground text-xs">No preview available</p>
    </div>
  )
}
