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

font-size: 14px;
  line-height: 22px;
`;

const Link = styled.a`
 margin: 0 6px;
 color: #4d63ff;
 opacity: 0.8;
`;

const Container = styled.div`
  width: calc( 100% - 180px );
`;

const theme = {
  [Widget.Button]: {
    Container: {
      normal: {
        height: 22,
        margin:{
          right: 10
        },
        background:{
          color:'#FFFFFF'
        },
        border:{
          top: {
            width: 1,
            color: '#ccc',
            style: 'solid'
          },
          bottom: {

border-radius: 8px;
   margin: 20px 0 0;
   overflow: hidden;
`;


const InfoTitle = styled.div`
   padding: 12px 20px ;
   font-size: 14px;
   background: #fafafa;
`;



const theme = {
  [Widget.Button]: {
    Container: {
      normal: {
        height: 30,
        margin:{
          left: 10
        }
      },
    },
  },
  [Widget.RadioGroup]: {
    CheckButton: {
      CheckButtonUnChecked: {
        normal: {
          height: 30,
          padding: {
            top: 0,

},
  },
  [Widget.Tabs]: {
    ContentBlock: {
      normal:{
        width: '100%',
        height: 1200
      }
    },
    TitleContainer:{
      normal:{
        width: '100%',
      }
    }
  },
  [Widget.Button]: {
    Container: {
      normal: {
        height: 22,
        margin:{
          right: 10,
          bottom: 10
        }
      },
    },
  },
  [Widget.Label]: {
    Container: {
      normal: {
        height: 22,
        width: '100%',
        textAlign:'center',

Input: {
          normal: {
            width: 340,
            height: 40,
            borderRadius: 20,
            padding: {
              left: 30,
              right: 0,
            }
          }
        },
        InputSuffix: {normal: { fontSize: 36}},


      },
      [Widget.Button]: {
        Container: {
          normal: {
            margin: {
              top: 18,
              bottom: 24,
              left: 0,
              right: 0
            },
            width: 340,
          }
        },


      },
    };
    const iconTheme = {

normal: {
              color: '#666',
              fontSize: 16,
              margin: {
                top: 6,
                left: 4,
                right: 3,
              },
              last: {
                color: '#4d63ff',
              },
            },
          },
        },
      },
      [Widget.Button]: {
        Container: {
          normal:{
            border:{
              width: 1,
              style: 'solid',
              color: '#4D63FF'
            }
          }
        },
        ButtonText: {
          normal: {
            font: {size: 14, weight: 500},
            color: '#4D63FF'
          }
        }
      },

getElement = () => {
    const {isRegister} = this.props;
    const theme = {
      [Widget.Input]: {
        width: 340,
        height:40,
        borderRadius:20,
        padding:{
          left:16,
          right:0,
        }
      },
      [Widget.Button]: {
        margin:{
          top:18,
          bottom:24,
          left:0,
          right:0
        },
        width: 340,
      },
    };
    let children ;
    if(isRegister){
      const {passWordInfo:{passWord, repeatPassword} }= this.props;
      children = (

},
          },
        },
      },
      [Widget.Input]: {
        Container: {
          normal: {
            width: 230,
            height: 32,
            margin: {
              right: 10
            }
          }
        }
      },
      [Widget.Button]: {
        Container: {
          normal: {
            width: 80,
            margin:{
              right: 10
            }
          }
        }
      },
    };
    return (
      <content>

        {/*页头*/}
        
          </content>