import { vars } from '../vars.css';
import { ZIndicesContract } from './z-index.contract';

export const zIndices: ZIndicesContract = {
  1: '100',
  2: '200',
  3: '300',
  4: '400',
  5: '500',
  6: '600',
  7: '700',
  8: '800',
  9: '900',
  10: '1000',
  max: '9999',

  // Semantic
  dropdown: vars.zIndices['4'],
  modal: vars.zIndices['5'],
  toast: vars.zIndices['6'],
  tooltip: vars.zIndices['7'],
};