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

import { getBorder, getBoxShadow, getBorderRadius } from "@lugia/theme-utils";
import {
  Theme,
  Grid,
  Tabs,
  consts as Widget,
  Pagination,
  Checkbox,
  DatePicker,
  Select,
  Icon
} from "@lugia/lugia-web";
const Tabpane = Tabs.Tabpane;
const { Row, Col } = Grid;
const CheckboxGroup = Checkbox.Group;
const CheckBoxButton = Checkbox.Button;
const Container = styled.div`
  width: 100%;
  height: 100%;
  padding: 20px;
`;

const HeaderWrap = styled.div`
  width: 100%;
  margin: 10px 0;
`;

const HeaderBoxWrap = styled.div`
  height: 160px;
  background: white;
  margin: 10px 0;
  padding: 20px 0;

* @flow
 */
import React, { Component } from "react";
import Content from "../../components/content";
import PageContent from "../../components/page-content";
import styled from "styled-components";
import { getBorder, getBoxShadow,getBorderRadius } from '@lugia/theme-utils';
import { Theme,consts as Widget , Divider,Input,Checkbox ,Select} from "@lugia/lugia-web";
import ListHeader from "../../components/list/listHeader";
import ApplicationComponent from "../../components/personal/application";
import application from "../../models/list/application";
import {connect} from "@lugia/lugiax";


const CheckboxGroup = Checkbox.Group;
const CheckBoxButton = Checkbox.Button;

const SelectContainer = styled.div`
  display: flex;
  align-items: center;
`;

const Label = styled.span`
  color: rgba(0,0,0,0.65);
  cursor: pointer;
  margin-right: 10px;
`;


const theme = {
  [Widget.CheckboxGroup]: {
    Checkbox: {

* @flow
 */
import React, { Component } from "react";
import Content from "../../components/content";
import PageContent from "../../components/page-content";
import styled from "styled-components";
import { getBorder, getBoxShadow,getBorderRadius } from '@lugia/theme-utils';
import { Theme, consts as Widget, Button, Divider, Input, Checkbox,Select} from "@lugia/lugia-web";
import ListHeader from "../../components/list/listHeader";
import Project from "../../components/personal/project";
import project from "../../models/list/project";
import {connect} from "@lugia/lugiax";


const CheckboxGroup = Checkbox.Group;
const CheckBoxButton = Checkbox.Button;

const SelectContainer = styled.div`
  display: flex;
  align-items: center;
`;

const Label = styled.span`
  color: rgba(0,0,0,0.65);
  cursor: pointer;
  margin-right: 10px;
`;

const theme = {
  [Widget.CheckboxGroup]: {
    Checkbox: {
      Container: {