export type Props = {
  value: number;
  onChange?: (value: number) => void;
};

export default (props: Props) => (
  <input
    class="rounded border p-2"
    type="number"
    value={props.value}
    onInput={(event) => {
      const input = event.currentTarget as HTMLInputElement;
      props.onChange?.(input.valueAsNumber);
    }}
  />
);