import { Card, CardContent } from "@/components/ui/card";
import { Construction } from "lucide-react";

export function ComingSoon({ title, description }: { title: string; description?: string }) {
  return (
    <div className="space-y-4">
      <h1 className="text-2xl font-bold">{title}</h1>
      <Card>
        <CardContent className="py-16 text-center">
          <Construction className="h-12 w-12 mx-auto text-primary mb-3" />
          <h2 className="text-lg font-semibold">শীঘ্রই আসছে</h2>
          <p className="text-sm text-muted-foreground mt-2 max-w-md mx-auto">
            {description ?? "এই module টি foundation এ স্থাপন করা হয়েছে। সম্পূর্ণ functionality যোগ করতে চ্যাটে বলুন: "}
            <code className="px-1 rounded bg-muted">"{title} module complete করো"</code>
          </p>
        </CardContent>
      </Card>
    </div>
  );
}