26 lines
1,003 B
TypeScript
26 lines
1,003 B
TypeScript
import { LucideIcon } from "lucide-react";
|
|
|
|
interface ComingSoonProps {
|
|
title: string;
|
|
description: string;
|
|
icon: LucideIcon;
|
|
phase: number;
|
|
}
|
|
|
|
export function ComingSoon({ title, description, icon: Icon, phase }: ComingSoonProps) {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center h-96 text-center space-y-4">
|
|
<div className="flex items-center justify-center w-16 h-16 rounded-2xl bg-muted">
|
|
<Icon className="w-8 h-8 text-muted-foreground" />
|
|
</div>
|
|
<div className="space-y-1">
|
|
<h2 className="text-lg font-semibold">{title}</h2>
|
|
<p className="text-sm text-muted-foreground max-w-xs">{description}</p>
|
|
</div>
|
|
<div className="flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 border border-primary/20">
|
|
<span className="w-1.5 h-1.5 rounded-full bg-primary animate-pulse" />
|
|
<span className="text-xs text-primary font-medium">Planned for Phase {phase}</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|