How to use the @lugia/lugia-web.consts.Divider function in @lugia/lugia-web

margin: {
          // left: 6,
          right: 6,
        },
      }
    },
  },
  [Widget.Avatar]: {
    Container: {
      normal: {
        height: 20,
        width: 20
      },
    },
  },
  [Widget.Divider]: {
    VerticalDivider: {
      normal: {
        height:16,
        background:{
          color:'#D8D8D8'
        },
        margin:{
          left: 16
        }
      },
    },
  },
  [Widget.Icon]: {
    Icon: {
      normal: {
        margin:{

},
    CardContent:{
      normal: { padding:0 },
    }
  },
  [Widget.Label]: {
    LabelConfig: {
      normal: {
        font: {
          size: 12
        },
        color:'rgba(0,0,0,0.45)'
      },
    },
  },
  [Widget.Divider]: {
    VerticalDivider: {
      normal: {
        height: 20,
      },
    },
  },
  [Widget.Avatar]: {
    Container: {
      normal: {
        height: 20,
        width: 20,
        margin: {
          right: -3
        },
        boxShadow:getBoxShadow('0 0 1px 2px  #fff')
      },

CardContent:{
      normal: { padding:0 },
    }
  },
  [Widget.Avatar]: {
    Container: {
      normal: {
        height: 20,
        width: 20,
        margin: {
          right: 20
        }
      },
    },
  },
  [Widget.Divider]: {
    VerticalDivider: {
      normal: {
        height: 20,
      },
    },
  }
};

export default class Application extends Component {
  render() {
    const {data = []} = this.props;
    return (
      
        
        {data && data.map( item => {
          const {img  ,title,activeUser,newUser} = item;

border: getBorder({ color: '#56c22d', width: 2, style: 'solid' }),
        },
        hover: {
          background: { color: '#56c22d' },
          borderRadius: getBorderRadius(2),
          border: getBorder({ color: 'yellow', width: 2, style: 'solid' }),
        },
        disabled: {
          background: { color: 'orange' },
          border: getBorder({ color: 'red', width: 2, style: 'solid' }),
          borderRadius: getBorderRadius(2),
        },
      },
    },
  },
  [Widget.Divider]: {
    HorizontalDivider: {
      normal: {

        margin: {
          top: 10,
          bottom: 10
        }
      },
    },
  },
  [Widget.Select]: {
    Menu: {
      MenuWrap: {
        normal: {
          height: 70,
        },

},
  },
  [Widget.Label]: {
    Container: {
      normal: {
        height: 22,
        width: '100%',
        textAlign:'center',
        margin:{
          right: 10,
          top: 5
        }
      },
    },
  },
  [Widget.Divider]: {
    HorizontalDivider: {
      normal: {
        margin:{
          top: 20,
          bottom: 20
        }
      },
    },
  },
  [Widget.Icon]: {
    Icon: {
      normal: {
        margin:{
          left: 30,
          right: 4
        }

padding: {
          top: 20
        }
      }
    },
    TitleContainer:{
      normal:{
        width: '100%',
      }
    }
  },

};

const dividerTheme ={
  [Widget.Divider]: {
    HorizontalDivider: {
      normal: {
        margin: {
          top: 10,
          bottom: 16
        },

      },
    },
  },
};



const themeCardInfo = {
  [Widget.Card]: {

border: getBorder({ color: '#56c22d', width: 2, style: 'solid' }),
        },
        hover: {
          background: { color: '#56c22d' },
          borderRadius: getBorderRadius(2),
          border: getBorder({ color: 'yellow', width: 2, style: 'solid' }),
        },
        disabled: {
          background: { color: 'orange' },
          border: getBorder({ color: 'red', width: 2, style: 'solid' }),
          borderRadius: getBorderRadius(2),
        },
      },
    },
  },
  [Widget.Divider]: {
    HorizontalDivider: {
      normal: {

        margin: {
          top: 10,
          bottom: 10
        }
      },
    },
  },
  [Widget.Select]: {
    Menu: {
      MenuWrap: {
        normal: {
          height: 70,
        },