component CounterCard:
    state:
        count: int = 1
        price: float = 99.0
    
    Card:
        padding: "lg"
        content:
            VStack:
                Text(content << f"Total: ${state.count * state.price}")
                
                HStack:
                    Button("-"):
                        on_click: state.count -= 1
                    
                    Input(value := state.count)
                    
                    Button("+"):
                        on_click: state.count += 1