import React from "react";
import { Select } from "../../form/select/index.js";
const TEXT_SIZE_OPTIONS = {
    small: "Liten",
    medium: "Medium",
};
function DataGridPreferencesTextSizeSettings({ value, onChange, }) {
    return (React.createElement(Select, { label: "Tekstst\u00F8rrelse", size: "small", onChange: (event) => {
            const newValue = event.target.value;
            if (isTextSizeOption(newValue)) {
                onChange(newValue);
            }
        }, value: value, style: { width: "auto" } }, Object.entries(TEXT_SIZE_OPTIONS).map(([key, label]) => (React.createElement("option", { key: key, value: key }, label)))));
}
function isTextSizeOption(value) {
    return value in TEXT_SIZE_OPTIONS;
}
export { DataGridPreferencesTextSizeSettings };
//# sourceMappingURL=DataGridPreferencesTextSizeSettings.js.map