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

},
    },
  },
  [Widget.Icon]: {
    Icon: {
      normal: {
        margin:{
          left: 30,
          right: 4
        }
      },
    },
  },
};
const iconTheme = {
  [Widget.Icon]: {
    Icon: {
      normal: {
        margin:{
          left: 50,
          right: 10
        },
        font: {
          size: 20
        }
      },
    },
  },
};

const avatarTheme = {
  [Widget.Avatar]: {

},
  },
  [Widget.Divider]: {
    VerticalDivider: {
      normal: {
        height:16,
        background:{
          color:'#D8D8D8'
        },
        margin:{
          left: 16
        }
      },
    },
  },
  [Widget.Icon]: {
    Icon: {
      normal: {
        margin:{
          left: 15,
          right: 0
        }
      },
    },
  },

};


export default class Article extends Component {
  render() {
    const {data =[]} = this.props;

vertical-align: text-top;
    & i {
    vertical-align: text-top;
    }
`;

const MapBox = styled.div`
   width: 100%;
   min-width: 522px;
   height: 296px;
   margin: 16px 0 0;

`;

const theme = {
  [Widget.Icon]: {
    Icon: {
      normal: {
        margin:{
          left: 0,
          right: 4
        },
        color: '#4d63ff'
      },
    },
  },
};


 class About extends Component {
   constructor(props) {
     super(props);

};

const selectView = {
  [Widget.Select]: {
    InputTag: {
      InputTagWrap: {
        normal: {
          width: 150
        }
      }
    }
  }
};

const iconView = {
  [Widget.Icon]: {
    Icon: {
      normal: {
        fontSize: 20,
        color: "#888"
      }
    }
  }
};

const checkbuttonView = {
  [Widget.CheckboxGroup]: {
    CheckButton: {
      CheckButtonChecked: {
        normal: {
          opacity: 1,
          border: {

},
    },
    Placeholder: {
      normal: {
        color: '#ccc',
      },
    },
    InputPrefix: {
      normal: {
        fontSize: 14,
      },
    },
  },
};
const iconTheme= {
  [Widget.Icon]: {
    Icon: {
      normal: {

      },
      hover: {
        color: '#4d63ff'
      },
    },
  },
};

export default class Header extends React.Component<> {
  render() {
    return (

render() {
    const {windowHeight = 900} = this.state||{};
    const iconTheme = {
      [Widget.Icon]: {
        fontSize: 36
      },
    };
    const theme = {
      [Widget.Input]: {
        Input: {
          normal: {
            width: 340,
            height: 40,
            borderRadius: 20,
            padding: {
              left: 30,
              right: 0,
            }
          }
        },

normal: {
            margin: {
              top: 18,
              bottom: 24,
              left: 0,
              right: 0
            },
            width: 340,
          }
        },


      },
    };
    const iconTheme = {
      [Widget.Icon]: {
        Icon: {
          normal: {
            fontSize: 36
          }
        }
      },
    };
    return (
      
        
          欢迎使用洛奇亚
          这里有一句slogen - 大概长度就这样
          
            
              <input>}