import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultThemePagination = {
    backgroundPageHover: "grayscale1",
    colorPageHover: "grayscale8",
    backgroundPageActive: "jotunheim4",
    colorPageActive: "jotunheim1",
    color: "grayscale12",
    colorDisabled: "grayscale5",
    background: "grayscale1"
};
var lightTheme = {
    backgroundPageHover: LIGHT_COLORS.grayscale3,
    colorPageHover: LIGHT_COLORS.grayscale8,
    backgroundPageActive: LIGHT_COLORS.jotunheim7,
    colorPageActive: LIGHT_COLORS.jotunheim9,
    color: LIGHT_COLORS.grayscale12,
    colorDisabled: LIGHT_COLORS.grayscale5,
    background: LIGHT_COLORS.grayscale1
};
var darkTheme = {
    backgroundPageHover: DARK_COLORS.grayscale3,
    colorPageHover: DARK_COLORS.grayscale8,
    backgroundPageActive: DARK_COLORS.jotunheim7,
    colorPageActive: DARK_COLORS.jotunheim9,
    color: DARK_COLORS.grayscale12,
    colorDisabled: DARK_COLORS.grayscale5,
    background: DARK_COLORS.grayscale0
};
LIGHT_THEME.components.pagination = lightTheme;
DARK_THEME.components.pagination = darkTheme;
DEFAULT_COLOR_TOKENS.pagination = defaultThemePagination;
export var themesPagination = {
    light: lightTheme,
    dark: darkTheme
};
