import { Card, CardBody, Col, Row } from "reactstrap";
import { CustomCheckboxTitle } from "@/Constant";
import { BorderedCheckboxs } from "./BorderedCheckboxs";
import { IconCheckboxs } from "./IconCheckboxs";
import { FilledCheckboxs } from "./FilledCheckboxs";
import CommonCardHeader from "@/CommonComponent/CommonCardHeader";
import { CustomCheckboxData } from "@/Data/Form&Table/Form";

const CustomCheckbox = () => {
  return (
    <Col sm="12">
      <Card>
        <CommonCardHeader title={CustomCheckboxTitle} span={CustomCheckboxData} />
        <CardBody>
          <Row className="g-3">
            <BorderedCheckboxs />
            <IconCheckboxs />
            <FilledCheckboxs />
          </Row>
        </CardBody>
      </Card>
    </Col>
  );
};

export default CustomCheckbox;