1
/*
2
 *  This file is part of CoCalc: Copyright © 2020 Sagemath, Inc.
3
 *  License: MS-RSL – see LICENSE.md for details
4
 */
5

6
import { useIntl } from "react-intl";
7
import { InputNumber } from "antd";
8
import { LabeledRow } from "@cocalc/frontend/components";
9

10
interface Props {
11
  tab_size: number;
12
  on_change: (name: string, value: number) => void;
13
}
14

15
export function EditorSettingsIndentSize(props: Props): React.JSX.Element {
16
  const intl = useIntl();
17

18
  return (
19
    <LabeledRow
20
      label={intl.formatMessage({
21
        id: "account.editor-settings.indent-size.label",
22
        defaultMessage: "Indent size",
23
      })}
24
    >
25
      <InputNumber
26
        onChange={(n) => props.on_change("tab_size", n ?? 10)}
27
        min={2}
28
        max={32}
29
        value={props.tab_size}
30
        addonAfter="spaces"
31
      />
32
    </LabeledRow>
33
  );
34
}
35

36