--- interface Props { placeholder?: string value?: string onChange?: (value: string) => void } const { placeholder, value, onChange } = Astro.props let inputValue = value const handleChange = (event: Event) => { const target = event.target as HTMLInputElement const newValue = target.value setInputValue(newValue) if (props.onChange) { props.onChange(newValue) } } ---