interface ShippingMethod {
    provider: string;
    service: string;
    price: number;
    tracking_code: string;
}
interface TrackingCodeFormProps {
    shippingMethod: ShippingMethod;
    setShippingMethod: React.Dispatch<React.SetStateAction<ShippingMethod>>;
}

const TrackingCodeForm: React.FC<TrackingCodeFormProps> = ({ shippingMethod, setShippingMethod }) => {
    const handleChangeTracking = (e: any) => {
        setShippingMethod((prev) => ({
            ...prev,
            tracking_code: e.target.value.toUpperCase(),
        }));
    };

    return (
        <div className="panel mb-5">
            <label htmlFor="tracking_code">Tracking Code</label>
            <input
                type="text"
                id="tracking_code"
                name="tracking_code"
                value={shippingMethod.tracking_code}
                className="form-input w-full uppercase"
                placeholder="Enter Tracking Code"
                onChange={handleChangeTracking}
            />
        </div>
    );
};

export default TrackingCodeForm;