import type { CssVariableName } from "./CssVariableName.js";
import type { ResourceText } from "./ResourceText.js";
export type ThemeVariable<T> = {
    /**
     * Css variable name, example: `--my-css-variable`
     */
    name: CssVariableName;
    /**
     * Label to show to the user on Settings.
     */
    label: ResourceText;
    /**
     * Extra details to show to the user under the label on Settings.
     */
    description: ResourceText | null;
    /**
     * Will be rendered as a icon with a tooltip side the label.
     */
    tip: ResourceText | null;
    /**
     * Initial variable value, if not manually set by the user.
     */
    initialValue: T;
    /**
     * syntax = <string> min length of the input.\
     * syntax = <number> min value of the input.
     */
    min: number | null;
    /**
     * syntax = <string> max length of the input.\
     * syntax = <number> max value of the input.
     */
    max: number | null;
    /**
     * Only used if syntax is `<number>`, setting this will make the input a slider
     */
    step: number | null;
    /**
     * If present, this will be rendered as a selector of options instead of an input.
     * `initial_value` should be present in this list.
     */
    options: Array<T> | null;
};
//# sourceMappingURL=ThemeVariable.d.ts.map