/**
 * Tailwind Status Color
 */
export const TAILWIND_STATUS_COLORS: any = {
  primary: {
    DEFAULT: '#007BFF',
    hover: '#0069D9',
    disable: '#58AAFF',
  },
  secondary: {
    DEFAULT: '#6C757D',
    hover: '#5A6268',
    disable: '#B0B6BA',
  },
  success: {
    DEFAULT: '#28A745',
    hover: '#218838',
    disable: '#74C686',
  },
  danger: {
    DEFAULT: '#DC3545',
    hover: '#C82333',
    disable: '#E97B86',
  },
  warning: {
    DEFAULT: '#FFC107',
    hover: '#E0A800',
    disable: '#FFD75E',
  },
  info: {
    DEFAULT: '#17A2B8',
    hover: '#138496',
    disable: '#67C3D0',
  },
  light: {
    DEFAULT: '#F8F9FA',
    hover: '#E2E6EA',
    disable: '#FAFCFC',
  },
  dark: {
    DEFAULT: '#343A40',
    hover: '#23272B',
    disable: '#7A7E83',
  },
};

/**
 * Tailwind Main Color
 */
export const TAILWIND_MAIN_COLOR: any = {
  main: {
    DEFAULT: '#14B8A6',
    50: '#FAFDF0',
    100: `#CCFBF1`,
    200: '#99F6E4',
    300: '#5EEAD4',
    400: '#2DD4BF',
    500: '#14B8A6',
    600: '#0D9488',
    700: '#0F766E',
    800: '#115E59',
    900: '#134E4A',
  },
};

/**
 * Tailwind Etc Color
 */
export const TAILWIND_ETC_COLOR: any = {
  'main-text': '#000000',
  'sub-text': '#707070',
  'divider-01': '#DEDEDE',
  'bg-01': '#EFEFEF',
  'bg-02': '#F8F8F8',
};

/**
 * Tailwind hover color
 */
export const TAILWIND_HOVER_COLOR: any = {
  '.opacity-hover': {
    opacity: '0.85',
  },
  '.opacity-focus': {
    opacity: '0.75',
  },
};

/**
 * Brand Color
 */
export const TAILWIND_BRAND_COLOR: any = {
  '251327': '#251327',
  FFF4E0: '#FFF4E0',
  F26419: '#F26419',
  FFD222: '#FFD222',
  '4ECE89': '#4ECE89',
  '08757B': '#08757B',
  '6DA8D2': '#6DA8D2',
  '6667AB': '#6667AB',
  '3D77E2': '#3D77E2',
};

/**
 * All Color Set
 */
export const SDT_TAILWIND_COLORS: any = {
  ...TAILWIND_STATUS_COLORS,
  ...TAILWIND_MAIN_COLOR,
  ...TAILWIND_ETC_COLOR,
  ...TAILWIND_HOVER_COLOR,
  ...TAILWIND_BRAND_COLOR,
};