import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultThemeTextArea = {
    backgroundScroll: "grayscale7",
    color: "grayscale12",
    colorHover: "grayscale7",
    colorDisabled: "grayscale5",
    colorReadOnly: "grayscale8",
    colorResizeIcon: "grayscale9",
    colorResizeIconDisabled: "grayscale2",
    colorResizeIconReadOnly: "grayscale2"
};
export var lightTheme = {
    backgroundScroll: LIGHT_COLORS.grayscale7,
    color: LIGHT_COLORS.grayscale12,
    colorHover: LIGHT_COLORS.grayscale7,
    colorDisabled: LIGHT_COLORS.grayscale5,
    colorReadOnly: LIGHT_COLORS.grayscale8,
    colorResizeIcon: LIGHT_COLORS.grayscale9,
    colorResizeIconReadOnly: LIGHT_COLORS.grayscale2,
    colorResizeIconDisabled: LIGHT_COLORS.grayscale2
};
export var darkTheme = {
    backgroundScroll: LIGHT_COLORS.grayscale7,
    color: DARK_COLORS.grayscale12,
    colorHover: DARK_COLORS.grayscale7,
    colorDisabled: DARK_COLORS.grayscale5,
    colorReadOnly: DARK_COLORS.grayscale8,
    colorResizeIcon: DARK_COLORS.grayscale9,
    colorResizeIconDisabled: DARK_COLORS.grayscale2,
    colorResizeIconReadOnly: DARK_COLORS.grayscale2
};
LIGHT_THEME.components.textarea = lightTheme;
DARK_THEME.components.textarea = darkTheme;
DEFAULT_COLOR_TOKENS.textarea = defaultThemeTextArea;
export var themesTextArea = {
    light: lightTheme,
    dark: darkTheme
};
