import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "@/components/ui/empty"
import { Construction } from "lucide-react"

export default function SimulatorPage() {
  return (
    <div className="flex h-[calc(100vh-4rem)] items-center justify-center">
      <Empty>
        <EmptyMedia variant="icon">
          <Construction />
        </EmptyMedia>
        <EmptyHeader>
          <EmptyTitle>Coming Soon</EmptyTitle>
          <EmptyDescription>This feature is currently under development.</EmptyDescription>
        </EmptyHeader>
      </Empty>
    </div>
  )
}