import { useState } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "/components/ui/card" import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select" import { ArrowRight } from "lucide-react" export default function CarbonCalculator() { const [distance, setDistance] = useState(0) const [mode, setMode] = useState('car') const [emissions, setEmissions] = useState<{ [key: string]: number }>({}) // Emission factors in kg CO2 per mile const emissionFactors = { car: 0.192, // kg CO2 per mile truck: 3.24, // kg CO2 per mile (assuming 20 tons per truck) motorbike: 0.103, // kg CO2 per mile bicycle: 0.080, // kg CO2 per mile walking: 0.058, // kg CO2 per mile bus: 0.068, // kg CO2 per passenger-mile } const calculateEmissions = () => { const selectedEmission = distance * emissionFactors[mode] const walkingEmission = distance * emissionFactors.walking const bicycleEmission = distance * emissionFactors.bicycle const busEmission = distance * emissionFactors.bus setEmissions({ selected: selectedEmission, walking: walkingEmission, bicycle: bicycleEmission, bus: busEmission, }) } const handleDistanceChange = (e: React.ChangeEvent) => { const value = parseFloat(e.target.value) setDistance(isNaN(value) ? 0 : value) } const handleModeChange = (value: string) => { setMode(value) } return (

Carbon Emission Calculator Calculate your carbon emissions based on your travel mode.

Distance (miles)

Mode of Transportation

{Object.keys(emissions).length > 0 && (

Emission Results

{mode}

{emissions.selected.toFixed(2)} kg CO2

Comparison with Walking and Cycling

Walking

{emissions.walking.toFixed(2)} kg CO2

{emissions.selected > emissions.walking ? `Reduces emissions by ${(emissions.selected - emissions.walking).toFixed(2)} kg CO2` : 'No reduction'}

Bicycle

{emissions.bicycle.toFixed(2)} kg CO2

{emissions.selected > emissions.bicycle ? `Reduces emissions by ${(emissions.selected - emissions.bicycle).toFixed(2)} kg CO2` : 'No reduction'}

{mode === 'bus' && (

Bus Emission

Bus

{emissions.bus.toFixed(2)} kg CO2

)}

Biosphere Bikes

) }