text: export const DEFAULT_CLASS_NAME = 'reactcontainer';
  export const DEFAULT_CHILD_CLASS_NAME = 'reactcontainer-item';
  
  export const LAYOUTS_CFG = {
      auto: {
          contClassName: 'reactcontainer-auto',
          childClassName: 'reactcontainer-auto-item'
      },
      fit: {
          contClassName: 'reactcontainer-fit',
          childClassName: 'reactcontainer-fit-item'
      },
      center: {
          contClassName: 'reactcontainer-center',
          childClassName: 'reactcontainer-center-item'
      },
      colflex: {
          contClassName: 'reactcontainer-colflex',
          childClassName: 'reactcontainer-colflex-item'
      },
      rowflex: {
          contClassName: 'reactcontainer-rowflex',
          childClassName: 'reactcontainer-rowflex-item'
      },
      vflex: {
          contClassName: 'reactcontainer-colflex',
          childClassName: 'reactcontainer-colflex-item'
      },
      hflex: {
          contClassName: 'reactcontainer-rowflex',
          childClassName: 'reactcontainer-rowflex-item'
      }
  }
  
  export const FLEX_ALIGN_CLASS_NAMES = {
      start: {
          contClassName: 'reactcontainer-flex-align-start',
          childClassName: 'reactcontainer-flex-align-start-item'
      },
      end: {
          contClassName: 'reactcontainer-flex-align-end',
          childClassName: 'reactcontainer-flex-align-end-item'
      },
      center: {
          contClassName: 'reactcontainer-flex-align-center',
          childClassName: 'reactcontainer-flex-align-center-item'
      },
      stretch: {
          contClassName: 'reactcontainer-flex-align-stretch',
          childClassName: 'reactcontainer-flex-align-stretch-item'
      },
      baseline: {
          contClassName: 'reactcontainer-flex-align-baseline',
          childClassName: 'reactcontainer-flex-align-baseline-item'
      }
  }
  
  export const FLEX_JUSTIFY_CLASS_NAMES = {
      start: {
          contClassName: 'reactcontainer-flex-justify-start',
          childClassName: 'reactcontainer-flex-justify-start-item'
      },
      end: {
          contClassName: 'reactcontainer-flex-justify-end',
          childClassName: 'reactcontainer-flex-justify-end-item'
      },
      center: {
          contClassName: 'reactcontainer-flex-justify-center',
          childClassName: 'reactcontainer-flex-justify-center-item'
      },
      spaceBetween: {
          contClassName: 'reactcontainer-flex-justify-spacebetween',
          childClassName: 'reactcontainer-flex-justify-spacebetween-item'
      },
      spaceAround: {
          contClassName: 'reactcontainer-flex-justify-spacearound',
          childClassName: 'reactcontainer-flex-justify-spacearound-item'
      },
      spaceEvenly: {
          contClassName: 'reactcontainer-flex-justify-spaceevenly',
          childClassName: 'reactcontainer-flex-justify-spaceevenly-item'
      }
  }