"use client";
import React from "react";
function MainComponent() {
const [sessionsCount, setSessionsCount] = React.useState(1);
const [discount, setDiscount] = React.useState(0);
const [totalPrice, setTotalPrice] = React.useState(0);
const basePrice = 50;
const handleSubmit = (event) => {
event.preventDefault();
const count = Number(event.target.sessions.value);
setSessionsCount(count);
updatePrice(count);
};
const updatePrice = (count) => {
if (count >= 5) {
setDiscount(0.1); // 10% discount
setTotalPrice(count * basePrice * (1 - 0.1));
} else {
setDiscount(0);
setTotalPrice(count * basePrice);
}
};
return (
);
}
export default MainComponent;
Soccer Training Booking
{sessionsCount > 0 && (
)}
Total Price: ${totalPrice.toFixed(2)}
{discount > 0 && You saved {discount * 100}%!
}