import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Checkbox } from "../../../components/atoms/Checkbox";
import { Text } from "../../../components/atoms/Text";
export const CheckboxField = ({ label, name, checked, onChange, required = false, error, className = "", }) => {
    return (_jsxs("div", { className: `mb-4 ${className}`, children: [_jsx(Checkbox, { id: name, name: name, checked: checked, onChange: onChange, label: label, required: required, error: error }), error && (_jsx(Text, { variant: "small", className: "text-error-500 mt-1", children: error }))] }));
};
export default CheckboxField;
