import { Cloud } from 'lucide-react'

export default function Environment() {
  return (
    <div className="flex flex-col items-center justify-center h-[60vh] text-center">
      <div className="w-16 h-16 rounded-full bg-bg-card border border-border flex items-center justify-center mb-6">
        <Cloud size={32} className="text-slate-500" />
      </div>
      <h2 className="text-xl font-semibold text-slate-300 mb-2">Environment</h2>
      <p className="text-slate-500 max-w-md">
        Environmental feeds and space weather detail coming soon
      </p>
    </div>
  )
}