import './App.css'
import { ThemeProvider } from "@/components/theme-provider"
import LatestTemperature from "@/components/latest-temperature"
import TemperatureHistory from "@/components/temperature-history"
import TemperaturePlot from "@/components/temperature-plot"
// import { Button } from "@/components/ui/button"




function App() {
    return (
        <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
            <main className="min-h-screen bg-background p-6 w-full">
                <div className="w-full mx-auto space-y-2">
                    <TemperaturePlot />
                    <div className="grid grid-cols-4 gap-6">
                        <LatestTemperature />
                        <TemperatureHistory />
                    </div>
                </div>
            </main>
        </ThemeProvider>
    )    
}

export default App