import { useState } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card" import { Label } from "/components/ui/label" import { Input } from "/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select" export default function GstCalculator() { const [amount, setAmount] = useState('') const [gstRate, setGstRate] = useState('18') const [calculated, setCalculated] = useState(false) const [gstAmount, setGstAmount] = useState(0) const [totalAmount, setTotalAmount] = useState(0) const calculateGST = () => { if (!amount) return const numAmount = parseFloat(amount) const rate = parseFloat(gstRate) / 100 const calculatedGst = numAmount * rate const calculatedTotal = numAmount + calculatedGst setGstAmount(calculatedGst) setTotalAmount(calculatedTotal) setCalculated(true) } const resetCalculator = () => { setAmount('') setGstRate('18') setCalculated(false) setGstAmount(0) setTotalAmount(0) } const getPieChartStyle = () => { if (!calculated) return {} const baseAmount = parseFloat(amount) const total = baseAmount + gstAmount const basePercentage = (baseAmount / total) * 100 const gstPercentage = (gstAmount / total) * 100 return { background: `conic-gradient( #4f46e5 0% ${basePercentage}%, #10b981 ${basePercentage}% 100% )` } } return (

GST Calculator

Amount (before GST) setAmount(e.target.value)} placeholder="Enter amount" />

GST Rate

{calculated && (

GST Amount

₹{gstAmount.toFixed(2)}

Total Amount

₹{totalAmount.toFixed(2)}

Amount Breakdown

Base Amount

GST Amount

)}

) }