import { PassportThemeConfig, ThemeColor, ThemeFont } from "credify-web-sdk"

export const THEME_FONT_DEFAULT: ThemeFont = {
  primaryFontFamily: "Roboto",
  secondaryFontFamily: "Roboto",
  bigTitleFontSize: 21,
  bigTitleFontLineHeight: 31,
  modelTitleFontSize: 20,
  modelTitleFontLineHeight: 29,
  sectionTitleFontSize: 16,
  sectionTitleFontLineHeight: 21,
  bigFontSize: 18,
  bigFontLineHeight: 26,
  normalFontSize: 14,
  normalFontLineHeight: 18,
  smallFontSize: 13,
  smallFontLineHeight: 20,
  boldFontSize: 15,
  boldFontLineHeight: 21,
};

export const THEME_COLOR_DEFAULT: ThemeColor = {
  primaryBrandyStart: "#1382F8",
  primaryBrandyEnd: "#17A6EF",
  primaryText: "#333333",
  secondaryActive: "#1483F7",
  secondaryDisable: "#E0E0E0",
  secondaryText: "#999999",
  secondaryComponentBackground: "#DFF3FE",
  secondaryBackground: "#F5F8FF",
  primaryButtonTextColor: "#FFFFFF",
  primaryButtonBrandyStart: "#02D15D",
  primaryButtonBrandyEnd: "#01B779",
};

export const TEST_THEME_DEFAULT: PassportThemeConfig = {
  color: THEME_COLOR_DEFAULT,
  font: THEME_FONT_DEFAULT,
  inputFieldRadius: 5,
  modelRadius: 10,
  buttonRadius: 5,
  boxShadow: "0px 4px 30px rgba(0, 0, 0, 0.1)",
};

export const BNPL_THEME_COLOR_DEFAULT: ThemeColor = {
  primaryBrandyStart: "#08B468",
  primaryBrandyEnd: "#85C010",
  primaryText: "#333333",
  secondaryActive: "#02D15D",
  secondaryDisable: "#E0E0E0",
  secondaryText: "#999999",
  secondaryComponentBackground: "#CDEFE2",
  secondaryBackground: "#F5F8FF",
  primaryButtonTextColor: "#FFFFFF",
  primaryButtonBrandyStart: "#07B170",
  primaryButtonBrandyEnd: "#07B170",
};

export const BNPL_THEME_FONT_DEFAULT: ThemeFont = {
  primaryFontFamily: "Roboto",
  secondaryFontFamily: "Roboto",
  bigTitleFontSize: 21,
  bigTitleFontLineHeight: 31,
  modelTitleFontSize: 20,
  modelTitleFontLineHeight: 29,
  sectionTitleFontSize: 16,
  sectionTitleFontLineHeight: 21,
  bigFontSize: 18,
  bigFontLineHeight: 26,
  normalFontSize: 14,
  normalFontLineHeight: 18,
  smallFontSize: 13,
  smallFontLineHeight: 20,
  boldFontSize: 15,
  boldFontLineHeight: 21,
};

export const BNPL_THEME_DEFAULT: PassportThemeConfig = {
  color: BNPL_THEME_COLOR_DEFAULT,
  font: BNPL_THEME_FONT_DEFAULT,
  inputFieldRadius: 5,
  modelRadius: 10,
  buttonRadius: 50,
  boxShadow: "0px 4px 30px rgba(0, 0, 0, 0.1)",
};