import { Card, CardBody, Col, Row } from "reactstrap";
import { CheckBoxButtonGroups } from "@/Constant";
import { DynamicCheckBoxButtonGroup } from "./DynamicCheckBoxButtonGroup";
import { StaticCheckBoxButtonGroup } from "./StaticCheckBoxButtonGroup";
import CommonCardHeader from "@/CommonComponent/CommonCardHeader";
import { CheckboxButtonGroupData } from "@/Data/Buttons/ButtonGroup";

const CheckBoxButtonGroup = () => {
  return (
    <Col sm="12">
      <Card className="radio-check">
        <CommonCardHeader title={"Check Box Button Group"} span={CheckboxButtonGroupData} />
        <CardBody className="btn-group-showcase">
          <Row>
            <StaticCheckBoxButtonGroup />
            <DynamicCheckBoxButtonGroup />
          </Row>
        </CardBody>
      </Card>
    </Col>
  )
}

export default CheckBoxButtonGroup