db11.py

@app.callback(Output('km-travelled-gauge', 'value'), Input('km-travelled-slider', 'value'))
def km_travelled_update(km_travelled):
    return km_travelled

@app.callback(Output('km-per-liters-slider-output', 'value'), Input('km-per-liters-slider', 'value'))
def km_travelled_update(km_per_lit):
    return km_per_lit

@app.callback(Output('engine-size-slider-output', 'value'), Input('engine-size-slider', 'value'))
def km_travelled_update(engine_slider):
    return engine_slider

def return_card_content(header, value_to_update, info=None):
    card_content = [
        dbc.CardHeader(header, style={'font-size':'x-large'}),
        dbc.CardBody(
            [
                html.H5(str(value_to_update), className="card-title"),
                html.P(
                    info,
                    className="card-text",
                ),
            ]
        ),
    ]
    return card_content

@app.callback(Output('tax-slider-output', 'children'), Input('tax-slider', 'value'),)
def year_update(tax_value):
    card_content = return_card_content("Tax", tax_value, "Tax Value")
    return card_content
    

@app.callback(Output('year-picker-output', 'children'), Input('year-picker', 'value'),)
def tax_update(year):
    card_content = return_card_content("Year", year, "Model Year")
    return card_content

@app.callback(Output('fuel-type-dropdown-output', 'children'), Input('fuel-type-dropdown', 'value'),)
def fuel_update(fuel_type):
    card_content = return_card_content("Fuel Type", fuel_type, "Type Of Fuel")
    return card_content

@app.callback(Output('transmission-dropdown-output', 'children'), Input('transmission-dropdown', 'value'),)
def transmisssion_update(transmission_type):
    card_content = return_card_content(
        "Transmission Type", transmission_type, "Type Of Transmission")
    return card_content

@app.callback(Output('model-dropdown-output', 'children'), Input('model-dropdown', 'value'),)
def transmisssion_update(model_name):
    return f"Selected Model: {model_name}",