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

},
    CardTitleTipLine:{
      normal: {
        width: 6,
      },
    },
    CardTitle:{
      normal: {
        margin: {
          left: -8
        },
        padding: 0
      },
    }
  },
  [Widget.Tabs]: {
    ContentBlock: {
      normal:{
        width: '100%',
        height: 400,
        padding: {
          top: 20
        }
      }
    },
    TitleContainer:{
      normal:{
        width: '100%',
      }
    }
  },

`;
const TabsBox = styled.div`
  text-align: center;
`;

const theme = {
  [Widget.Avatar]: {
    Container: {
      normal: {
        height: 104,
        width: 104,
        boxShadow:' 0 0 1px 1px  red'
      },
    },
  },
  [Widget.Tabs]: {
    ContentBlock: {
      normal:{
        width: '100%',
        height: 1200
      }
    },
    TitleContainer:{
      normal:{
        width: '100%',
      }
    }
  },
  [Widget.Button]: {
    Container: {
      normal: {
        height: 22,

const TabsContentBoxWrap = styled.div`
  width: 100%;
  height: 100%;
  padding: 10px;
  position: relative;
`;

const TabsSelectWrap = styled.div`
  position: absolute;
  right: 10%;
  top: 5px;
`;

const view = {
  [Widget.Tabs]: {
    TitleContainer: {
      normal: {
        width: "100%",
        background: {
          color: "#f5f5f9"
        }
      }
    },
    TabHeader: {
      DefaultTabPan: {
        normal: {
          height: 40,
          padding: {
            top: 0,
            left: 20,
            right: 20,