import { TinyColor } from '@ctrl/tinycolor';
import type { DesignToken } from '.';

const defaultDesignToken: DesignToken = {
  primaryColor: '#1890ff',
  successColor: '#52c41a',
  warningColor: '#faad14',
  errorColor: '#ff4d4f',
  infoColor: '#1890ff',

  // https://github.com/ant-design/ant-design/issues/20210
  lineHeight: 1.5715,

  borderWidth: 1,
  borderStyle: 'solid',
  borderRadius: 2,
  borderColor: new TinyColor({ h: 0, s: 0, v: 85 }).toHexString(),

  easeInOut: `cubic-bezier(0.645, 0.045, 0.355, 1)`,
  easeInOutCirc: `cubic-bezier(0.78, 0.14, 0.15, 0.86)`,
  easeOutBack: `cubic-bezier(0.12, 0.4, 0.29, 1.46)`,

  fontSize: 14,
  textColor: new TinyColor('#000').setAlpha(0.85).toRgbString(),
  textColorSecondary: new TinyColor('#000').setAlpha(0.45).toRgbString(),
  textColorDisabled: new TinyColor('#000').setAlpha(0.25).toRgbString(),
  textColorInverse: '#fff',

  headingColor: new TinyColor('#000').setAlpha(0.85).toRgbString(),

  iconColorHover: new TinyColor('#000').setAlpha(0.75).toRgbString(),

  itemHoverBackground: '#f5f5f5',

  height: 32,

  padding: 16,
  margin: 16,

  // Default grey background color
  background: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),

  // background of header and selected item
  backgroundLight: new TinyColor({ h: 0, s: 0, v: 98 }).toHexString(),

  componentBackground: '#fff',
  componentBackgroundDisabled: new TinyColor({ h: 0, s: 0, v: 96 }).toHexString(),

  duration: 0.3,
};

export default defaultDesignToken;